NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia DermaLuz, clínica dermatológica, siguiendo el siguiente alcance y stack: HTML único con Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. Utiliza la paleta de colores: #1A3E5C (azul oscuro), #2C7DA0 (azul medio), #A0D2EB (azul claro), #F5F7FA (gris muy claro), #FFFFFF (blanco). Tipografía: encabezados con 'Montserrat' (sans-serif) y cuerpo con 'Open Sans'.
Estructura y requisitos:
- Header fijo con logo a la izquierda, menú horizontal (Home, About, Services, Contact) y botón primario "Book Appointment" a la derecha. Menú colapsable en móvil.
- Hero Section: fondo de imagen completa, título grande "Healthy, confident skin starts here", subtítulo, badge "Board Certified" con icono, testimonio a la derecha (estrella, texto, nombre,
3.418 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.418 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 Cabecera con logo, menú y botón reserva
- 1.2 Hero principal (título, descripción, certificado, testimonio, imagen de fondo)
- 1.3 Botón informativo "Explora nuestros tratamientos"
- 1.4 Grid de categorías de tratamientos (18 items)
- 1.5 Sección Sobre nosotros (titulares animados, iconos y texto)
ABOUT
- 2.1 Cabecera reutilizada
- 2.2 Título y subtítulo de la clínica
- 2.3 Texto descriptivo de la misión y visión
- 2.4 Equipo de especialistas (tarjetas con foto y rol)
SERVICES
- 3.1 Cabecera reutilizada
- 3.2 Lista de servicios destacados con iconos y breves descripciones
- 3.3 Slider de casos de éxito
CONTACT
- 4.1 Cabecera reutilizada
- 4.2 Formulario de contacto (nombre, email, teléfono, mensaje)
- 4.3 Mapa incrustado y datos de ubicación
- 4.4 Botón de llamada a la acción "Solicita cita"
PROMPTS RELACIONADOS · SALUD Y MEDICINA