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 la clínica dental ficticia **Clínica Marfil Boreal** (dominio marfilboreal.com, email hola@marfilboreal.com, año 2025). Sector: clínica dental boutique con enfoque en odontología estética y bienestar bucal integral. Claim: "Cuidamos cada sonrisa con calma y precisión". Todo el copy en español de España, original, en activo, sin jerga marketinera, sin precios concretos.
## Alcance
Genera la HOME completa en un único archivo `index.html` autocontenido, listo para previsualizar en Claude Artifacts. Incluye Tailwind por CDN (`https://cdn.tailwindcss.com`), Google Fonts y todo el JS necesario inline.
## Stack y requisitos técnicos
- HTML5 semántico (header, main, section, article, footer).
- Tailwind CDN con c
8.639 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.639 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 Hero con etiqueta, titular destacado, CTAs y prueba social con avatares
- 1.2 Servicios destacados en grid de 6 tarjetas
- 1.3 Sobre la clínica con imagen y lista de valores
- 1.4 Contadores de cifras clave
- 1.5 Proceso del paciente en 4 pasos
- 1.6 Equipo médico en grid de tarjetas
- 1.7 Tira de partners y seguros
- 1.8 Slider de testimonios
- 1.9 FAQ en acordeón a dos columnas
- 1.10 CTA final de reserva
- 1.11 Footer completo con newsletter
SOBRE NOSOTROS
- 2.1 Cabecera de página con breadcrumb y titular
- 2.2 Historia de la clínica con imagen y texto a dos columnas
- 2.3 Misión, visión y valores en tres tarjetas
- 2.4 Galería de instalaciones en mosaico
- 2.5 Contadores de trayectoria
- 2.6 Equipo resumido con enlace al directorio
- 2.7 CTA final
- 2.8 Footer
SERVICIOS
- 3.1 Cabecera de página
- 3.2 Grid completo de servicios por categorías (preventiva, estética, ortodoncia, implantología, infantil)
- 3.3 Bloque de tecnología utilizada con iconos
- 3.4 Banda de testimonios cortos
- 3.5 CTA final
- 3.6 Footer
SERVICIO INDIVIDUAL
- 4.1 Cabecera con breadcrumb, título y imagen destacada
- 4.2 Descripción extensa con tabla de contenidos lateral
- 4.3 Beneficios en lista con iconos
- 4.4 Proceso del tratamiento paso a paso
- 4.5 FAQ específicas del servicio
- 4.6 Servicios relacionados
- 4.7 CTA final
- 4.8 Footer
EQUIPO
- 5.1 Cabecera de página
- 5.2 Grid de profesionales con foto, especialidad y enlace
- 5.3 Bloque de incorporación al equipo
- 5.4 CTA final
- 5.5 Footer
FICHA DE PROFESIONAL
- 6.1 Cabecera con foto, nombre, especialidad y datos de contacto
- 6.2 Biografía extensa
- 6.3 Formación y experiencia en timeline
- 6.4 Áreas de tratamiento
- 6.5 Otros profesionales del equipo
- 6.6 CTA final
- 6.7 Footer
BLOG
- 7.1 Cabecera de página
- 7.2 Artículo destacado a ancho completo
- 7.3 Filtros por categoría
- 7.4 Grid de artículos con imagen, categoría, título y fecha
- 7.5 Paginación
- 7.6 Footer
ARTÍCULO BLOG
- 8.1 Cabecera con categoría, titular, autor y fecha
- 8.2 Imagen destacada grande
- 8.3 Cuerpo del artículo con tabla de contenidos lateral
- 8.4 Bloque de autor
- 8.5 Artículos relacionados
- 8.6 CTA final
- 8.7 Footer
TARIFAS
- 9.1 Cabecera de página
- 9.2 Tabla comparativa de planes de cuidado
- 9.3 Servicios incluidos en detalle
- 9.4 FAQ sobre financiación
- 9.5 CTA final
- 9.6 Footer
CONTACTO
- 10.1 Cabecera de página
- 10.2 Formulario amplio con campos de tratamiento de interés
- 10.3 Datos de contacto y horarios en tarjetas
- 10.4 Mapa de localización
- 10.5 CTA de urgencias
- 10.6 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
