NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web single-file en HTML con Tailwind CSS por CDN y JavaScript vanilla para una clínica dental ficticia llamada Brilodent Clínica (dominio brilodent.com, email hola@brilodent.com, año 2025). Claim: 'Cuidamos tu sonrisa con manos expertas y mirada cercana'. Sector: clínica dental moderna especializada en odontología estética, general y preventiva.
Alcance: entrega únicamente la HOME completa, totalmente responsive (móvil, tablet, escritorio), con todos los textos en español de España, redactados de forma natural, cercana y sin jerga marketinera. Nada de precios concretos.
Stack y técnica:
- Un único archivo .html con Tailwind vía CDN (script de cdn.tailwindcss.com) y JS vanilla embebido.
- Tipografía: usa Google Fonts 'Plus Jakarta Sans' para cuerpo y 'Fraunces' para los grandes t
8.150 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.150 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 sticky con navegación y botón Contacto
- 1.2 Hero con etiqueta, titular, features y avatares
- 1.3 Servicios destacados en grid
- 1.4 Sobre la clínica con contadores
- 1.5 Equipo de doctores
- 1.6 Proceso de visita en 4 pasos
- 1.7 Testimonios en slider
- 1.8 FAQ en acordeón
- 1.9 CTA final de reserva
- 1.10 Footer multicolumna
SOBRE NOSOTROS
- 2.1 Header sticky
- 2.2 Hero compacto de página con breadcrumb y titular
- 2.3 Historia de la clínica con imagen y texto
- 2.4 Misión, visión y valores en tres tarjetas
- 2.5 Galería de instalaciones en mosaico
- 2.6 Contadores de logros
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Header sticky
- 3.2 Hero compacto con titular y descripción
- 3.3 Grid completo de servicios con tarjetas
- 3.4 Bloque comparativa o tabla de tratamientos
- 3.5 Sección de tecnología y equipamiento
- 3.6 CTA final
- 3.7 Footer
EQUIPO
- 4.1 Header sticky
- 4.2 Hero compacto
- 4.3 Grid de doctores con foto, nombre y especialidad
- 4.4 Bloque trabaja con nosotros
- 4.5 CTA final
- 4.6 Footer
PRECIOS
- 5.1 Header sticky
- 5.2 Hero compacto
- 5.3 Tarjetas de planes con lista de tratamientos incluidos
- 5.4 Tabla detallada de tratamientos
- 5.5 FAQ de precios
- 5.6 CTA final
- 5.7 Footer
BLOG
- 6.1 Header sticky
- 6.2 Hero compacto
- 6.3 Artículo destacado grande
- 6.4 Grid de artículos con imagen, categoría, título y fecha
- 6.5 Paginación
- 6.6 Footer
CONTACTO
- 7.1 Header sticky
- 7.2 Hero compacto
- 7.3 Formulario de contacto a dos columnas con datos de la clínica
- 7.4 Mapa de ubicación
- 7.5 Horarios y vías de contacto rápidas
- 7.6 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
