NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML que reproduzca el diseño visual de la plantilla médica analizada, usando solo Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: Clínica Aurora (dominio clinicaaurora.com). Sector salud y medicina. La página debe incluir:
- Paleta de colores: #1E3A8A (azul principal), #F3F4F6 (gris claro fondo), #111827 (texto oscuro), #60A5FA (azul accent), #FFFFFF (blanco).
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400-700.
- Header sticky con logo textual "Clínica Aurora", menú hamburguesa móvil, enlaces: Inicio, Sobre nosotros, Especialidades (dropdown con 3 items), Paquetes, Blog, Contacto.
- Hero lleno de pantalla: título grande, subtítulo, botón CTA "Solicitar cita".
- Bloque de Especialidades: grid 3 columnas en desktop
3.342 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.342 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 barra de navegación sticky, logo, menú hamburguesa y enlaces principales con dropdown
- 2.1 Hero con titular, subtítulo y botón CTA
- 3.1 Sección de especialidades en cuadrícula con iconos y descripción
- 4.1 Paquetes de servicios en tarjetas con precio ficticio y botón
- 5.1 Testimonios en carrusel simple
- 6.1 Llamada a acción para reservar cita
- 7.1 Footer con columnas de enlaces institucionales, legales y de plantilla, y formulario de suscripción
ABOUT
- 1.1 Cabecera (reutiliza la misma barra de navegación)
- 2.1 Bloque introductorio con historia y valores de la clínica
- 3.1 Equipo médico en tarjetas con foto, nombre y especialidad
- 4.1 CTA de contacto
- 5.1 Footer (igual que en Home)
SPECIALTIES
- 1.1 Cabecera global
- 2.1 Lista de especialidades en tarjetas con icono y breve texto
- 3.1 CTA para consultar disponibilidad
- 4.1 Footer
PACKAGES
- 1.1 Cabecera global
- 2.1 Grid de paquetes con título, descripción, lista de beneficios y botón
- 3.1 Footer
BLOG
- 1.1 Cabecera global
- 2.1 Lista de artículos en tarjetas con imagen, título, extracto y enlace
- 3.1 Paginación simple
- 4.1 Footer
CONTACT
- 1.1 Cabecera global
- 2.1 Formulario de contacto con campos de nombre, email, mensaje y botón enviar
- 3.1 Mapa incrustado (placeholder)
- 4.1 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
