NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una clínica de salud mental bajo la marca ficticia CuraMente. Utiliza HTML + Tailwind CDN + JavaScript vanilla en un solo archivo. Paleta de colores: #1E3A8A (azul profundo), #F3F4F6 (gris claro), #10B981 (verde mint), #FFFFFF (blanco), #111827 (casi negro). Tipografía: Inter (sans-serif) para títulos y texto, DM Serif Display para encabezados principales.
Header: barra fija con logo texto "CuraMente" en Inter Bold, menú horizontal (Inicio, Servicios, Blog, Contacto) con submenú bajo "Servicios" (Terapia individual, Familiar, Online). Botón hamburguesa colapsable para móvil.
Hero: sección a pantalla completa con imagen de fondo difuminada (placeholder), overlay semi‑oscuro, título h1 grande en DM Serif Display, subtítulo h2, botón primary "Reserva tu sesión
3.638 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.638 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 Header con logo, menú principal y botón hamburguesa
- 1.2 Hero con fondo de imagen, título, subtítulo y botón de cita
- 1.3 Métricas (contadores animados)
- 1.4 Sobre nosotros (imágenes y texto)
- 1.5 Servicios (grid de tarjetas)
- 1.6 Testimonios (avatar + 5★)
- 1.7 Footer (links, redes, contacto)
SERVICES
- 2.1 Header reutilizado
- 2.2 Lista de servicios con icono y descripción
- 2.3 CTA para agenda de cita
- 2.4 Footer reutilizado
BLOG
- 3.1 Header reutilizado
- 3.2 Lista de artículos en formato tarjeta
- 3.3 Sidebar con categorías y últimos posts
- 3.4 Footer reutilizado
CONTACT
- 4.1 Header reutilizado
- 4.2 Formulario de contacto (nombre, email, mensaje)
- 4.3 Mapa incrustado
- 4.4 Footer reutilizado
PROMPTS RELACIONADOS · SALUD Y MEDICINA