NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una empresa ficticia de asistencia domiciliaria llamada CuidadoSereno. Usa HTML único, TailwindCSS vía CDN y JavaScript vanilla (sin frameworks). Emplea la siguiente paleta de colores: #FFFFFF (blanco), #0A2740 (azul marino profundo), #1E5F8A (azul medio), #F5F7FA (gris muy claro), #E63946 (rojo coral para acentos). Tipografía: Inter (Google Fonts) para títulos y texto, peso 400‑600.
Estructura:
- <header class="bg-0A2740 text-white py-4"> con logo texto "CuidadoSereno" y menú de navegación horizontal (Home, Servicios, Equipo, Precios, Blog, Contacto). En móvil, colapsa en hamburger que muestra menú overlay.
- <section id="hero" class="relative h-screen bg-cover bg-center" style="background-image:url('https://images.unsplash.com/photo-1573863957227-35f3c57cda
4.396 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.396 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Hero con imagen de fondo, titular, subtítulo y dos botones CTA
- 1.2 Bloque "Sobre nosotros" con título, texto y foto
- 1.3 Sección de servicios (grid 3 columnas)
- 1.4 Valores destacados (3 ítems con iconos)
- 1.5 Testimonios en carrusel
- 1.6 CTA final con formulario breve y número
- 1.7 Footer con enlaces, datos y redes
SERVICES
- 2.1 Listado de servicios en tarjetas con icono, título y descripción
- 2.2 CTA para solicitar información
TEAM
- 3.1 Galería de profesionales con foto, nombre y cargo
- 3.2 Breve descripción de la filosofía del equipo
PRICING
- 4.1 Tabla comparativa de planes de atención
- 4.2 Botón de contratación o solicitud de presupuesto
BLOG
- 5.1 Lista de artículos con imagen, título, extracto y fecha
- 5.2 Paginación simple
CONTACT
- 6.1 Formulario de contacto (nombre, email, teléfono, mensaje)
- 6.2 Mapa embebido y datos de ubicación
- 6.3 Botón de llamada directa
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
