NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Luminara Derm** (clínica de dermatología estética) usando **HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo**. El diseño debe replicar la estructura y estilo visual del sitio analizado:
- **Paleta de colores**: #FFFFFF (blanco), #F8F9FA (gris muy claro), #1A202C (gris oscuro para texto), #0EA5E9 (azul acento), #0F172A (negro profundo para footer).
- **Tipografía**: Inter (sans‑serif) para todo el cuerpo, con tamaños responsive (h1 4xl, h2 3xl, h3 2xl, p base).
- **Header**: barra superior fija, logo compuesto por un ícono circular azul y texto "Luminara Derm" en Inter Bold. Menú horizontal con enlaces: Inicio, Sobre nosotros, Servicios, Noticias, FAQ, Contacto. Botón primario "Reserva una consulta" en az
4.564 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.564 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ú y botón de reserva
- 2.1 Hero principal con título y botones CTA
- 3.1 Acción‑blocks (About, Services, News) con imágenes
- 4.1 Bloque informativo sobre la clínica y botones
- 5.1 Grid de servicios populares con iconos y fotos
- 6.1 Banner CTA de oferta
- 7.1 Testimonios con foto, texto y rating
- 8.1 Footer con enlaces, redes y datos de contacto
ABOUT
- 1.1 Header
- 2.1 Hero secundario con título y párrafo descriptivo
- 3.1 Imagen destacada y texto explicativo
- 4.1 Equipo de profesionales (grid)
- 5.1 CTA de reserva
SERVICES
- 1.1 Header
- 2.1 Listado de servicios con icono, título y breve descripción
- 3.1 Cada servicio enlaza a su página detalle
- 4.1 CTA de consulta
NEWS
- 1.1 Header
- 2.1 Lista de artículos con imagen, título y extracto
- 3.1 Paginación
FAQ
- 1.1 Header
- 2.1 Preguntas frecuentes en accordion
- 3.1 CTA de contacto
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto simple
- 3.1 Mapa embed y datos de ubicación
- 4.1 CTA de reserva
PROMPTS RELACIONADOS · SALUD Y MEDICINA