NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo de una sola página HTML autocontenida para una clínica dental ficticia llamada 'Clínica Brillans' (clinicabrillans.com, email hola@clinicabrillans.com, año 2025). Sector: clínica dental privada con enfoque integral en estética y salud bucodental. Claim: 'Cuidamos cada sonrisa con criterio y cercanía'. Todo el contenido en español de España, copy 100% original, sin precios concretos, verbos en activo, tono cercano y profesional sin marketinerías.
STACK Y ENTREGA:
- Un único archivo HTML autocontenido.
- Tailwind CSS vía CDN (script de Tailwind Play CDN).
- JavaScript vanilla en línea para interacciones (menú móvil, acordeones, sliders, contadores animados al hacer scroll).
- Tipografías Google Fonts: 'Fraunces' (display, para titulares enormes con itálica opciona
9.215 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
9.215 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 Navbar con logo, menú y CTA circular
- 1.2 Hero editorial con collage de imágenes y frase con palabras destacadas
- 1.3 Bloque Sobre nosotros con imagen y tarjetas con borde superior
- 1.4 Contadores en tres columnas
- 1.5 Cita destacada a ancho completo
- 1.6 Servicios en grid de tarjetas numeradas
- 1.7 Por qué elegirnos en lista numerada
- 1.8 Carrusel de equipo
- 1.9 Slider de testimonios
- 1.10 Proceso de visita en cuatro pasos
- 1.11 FAQ en acordeón
- 1.12 CTA final a pantalla completa
- 1.13 Footer oscuro con columnas
SOBRE NOSOTROS
- 2.1 Navbar
- 2.2 Hero con titular grande y subtítulo
- 2.3 Historia de la clínica en dos columnas con imagen vertical
- 2.4 Valores en grid de tres tarjetas con icono
- 2.5 Galería de instalaciones tipo mosaico
- 2.6 Contadores
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Navbar
- 3.2 Hero con título y descripción corta
- 3.3 Listado completo de servicios en formato fila ampliable (número, nombre, descripción, imagen al hacer hover)
- 3.4 Bloque comparativa de tratamientos en tabla
- 3.5 CTA final
- 3.6 Footer
DETALLE DE SERVICIO
- 4.1 Navbar
- 4.2 Hero con migas de pan, título del tratamiento e imagen grande
- 4.3 Descripción extendida en dos columnas
- 4.4 Beneficios en lista con iconos
- 4.5 Proceso paso a paso
- 4.6 Bloque de profesionales que lo realizan
- 4.7 FAQ del tratamiento
- 4.8 CTA reservar cita
- 4.9 Footer
EQUIPO
- 5.1 Navbar
- 5.2 Hero con título
- 5.3 Grid de fichas del equipo con foto, nombre, especialidad y años de experiencia
- 5.4 Bloque filosofía del equipo
- 5.5 CTA final
- 5.6 Footer
CONTACTO
- 6.1 Navbar
- 6.2 Hero con título y datos rápidos (teléfono, email, dirección)
- 6.3 Formulario de contacto a dos columnas con mapa al lado
- 6.4 Horarios de atención en tabla
- 6.5 Indicaciones para llegar
- 6.6 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
