NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia **ClaraSalud** (clínica dental) usando **HTML único + Tailwind CSS a través del CDN** y **JavaScript vanilla** en un solo archivo. El objetivo es replicar el diseño analizado:
- **Paleta de colores**: #0A3D62 (azul profundo), #1F7A8C (azul medio), #F4F4F9 (gris claro), #FFFFFF (blanco), #E0E0E0 (gris neutro).
- **Tipografía**: `Inter` para encabezados y cuerpo (Google Fonts), peso 400‑700.
- **Header**: barra de navegación fija con logo a la izquierda, enlaces horizontales (Inicio, Sobre nosotros, Servicios, Blog, Precios, Contacto), dropdown "Páginas" con enlaces internos, botón destacado "Solicita tu cita" y mini‑icono de carrito con contador. En móviles, colapsa a menú hamburguesa.
- **Preloader**: pantalla completa con animación de
4.180 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.180 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 Barra de navegación fija con logo, enlaces principales, dropdown de páginas y botón de carrito.
- 1.2 Preloader animado con contador numérico.
- 1.3 Hero con fondo visual, título grande, descripción breve y botón "Solicita tu cita".
- 1.4 Cuatro tarjetas de servicios (Limpieza, Implantes, Ortodoncia, Blanqueamiento) con icono, título y breve descripción.
- 1.5 Carrusel de testimonios de pacientes con foto, nombre y comentario.
- 1.6 Formulario sencillo de suscripción al boletín (email + botón).
- 1.7 Footer con columnas: Contacto, Enlaces útiles, Redes sociales, © año y política de privacidad.
ABOUT
- 2.1 Banner interno con título "Sobre nosotros" y foto del equipo.
- 2.2 Texto descriptivo de la clínica, misión y valores.
- 2.3 Galería de fotos del consultorio.
SERVICES
- 3.1 Lista de servicios en bloques con icono, título y botón "Más detalles".
- 3.2 Sección de precios resumida en tabla de tres columnas.
BLOG
- 4.1 Grid de artículos con imagen, título, extracto y fecha.
- 4.2 Paginación inferior.
PRICING
- 5.1 Tabla comparativa de planes de tratamiento con características y botones de reserva.
CAREER
- 6.1 Listado de vacantes con título, ubicación y botón "Aplicar".
CONTACT
- 7.1 Formulario de contacto (nombre, email, mensaje) y mapa incrustado.
FAQ
- 8.1 Preguntas frecuentes en acordeón.
PRIVACY-POLICY
- 9.1 Texto legal extenso.
PROMPTS RELACIONADOS · SALUD Y MEDICINA