NUEVO 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 boutique ficticia llamada 'Marfil Dental Studio' (dominio marfildentalstudio.com, email hola@marfildentalstudio.com, año 2025). Sector: clínica dental con servicios odontológicos y pequeña tienda online de productos de higiene oral. Claim: 'Cuidamos tu sonrisa con calma y precisión'. Todo el copy en español de España, original, tono cercano y profesional, sin jerga marketinera ni precios concretos (usa rangos o 'consultar').
ALCANCE: entrega la HOME completa en un único archivo index.html funcional, con navegación que enlace (con anclas o # placeholder) al resto de páginas listadas más abajo. Single-file: <head> con Tailwind CDN, fuentes de Google, estilos custom mínimos en <style> y JS
8.340 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.340 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 con navegación, carrito y CTA
- 1.2 Hero con titular, CTA dual e imagen
- 1.3 Tira de certificaciones
- 1.4 Sobre la clínica con puntos clave
- 1.5 Grid de 6 servicios
- 1.6 Contadores animados
- 1.7 Equipo de odontólogos
- 1.8 Proceso primera visita en 4 pasos
- 1.9 Productos destacados de tienda
- 1.10 Testimonios en slider
- 1.11 FAQ acordeón
- 1.12 Últimas entradas del blog
- 1.13 CTA final con formulario rápido
- 1.14 Footer completo
SOBRE NOSOTROS
- 2.1 Header
- 2.2 Hero 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 3 tarjetas
- 2.5 Galería de instalaciones
- 2.6 Contadores
- 2.7 CTA equipo
- 2.8 Footer
NUESTROS ODONTÓLOGOS
- 3.1 Header
- 3.2 Hero de página
- 3.3 Grid de todo el equipo con filtros por especialidad
- 3.4 Bloque 'Únete al equipo' con enlace a empleo
- 3.5 Footer
DETALLE DE ODONTÓLOGO
- 4.1 Header
- 4.2 Cabecera con foto grande, nombre, especialidad y datos
- 4.3 Biografía y formación
- 4.4 Especialidades y tratamientos
- 4.5 Horario de consulta
- 4.6 CTA pedir cita con este profesional
- 4.7 Footer
SERVICIOS
- 5.1 Header
- 5.2 Hero de página
- 5.3 Grid completo de servicios con filtros por categoría
- 5.4 Bloque comparativo de tratamientos
- 5.5 CTA
- 5.6 Footer
DETALLE DE SERVICIO
- 6.1 Header
- 6.2 Cabecera con imagen y resumen
- 6.3 Descripción del tratamiento en bloques
- 6.4 Beneficios en lista con iconos
- 6.5 Proceso paso a paso
- 6.6 FAQ específica del servicio
- 6.7 Profesionales que lo realizan
- 6.8 CTA reserva
- 6.9 Footer
PRECIOS
- 7.1 Header
- 7.2 Hero de página
- 7.3 Tabla de 3 planes de cuidado (básico, completo, familiar) con listado y CTA
- 7.4 Tabla de tratamientos sueltos
- 7.5 Bloque de financiación
- 7.6 Footer
FAQ
- 8.1 Header
- 8.2 Hero de página
- 8.3 Buscador de preguntas
- 8.4 Acordeón agrupado por categorías
- 8.5 CTA contacto
- 8.6 Footer
TESTIMONIOS
- 9.1 Header
- 9.2 Hero de página
- 9.3 Grid de testimonios en tarjetas tipo masonry
- 9.4 Vídeo testimonio destacado
- 9.5 CTA
- 9.6 Footer
EMPLEO
- 10.1 Header
- 10.2 Hero de página
- 10.3 Por qué trabajar con nosotros (beneficios)
- 10.4 Listado de puestos abiertos
- 10.5 CTA candidatura espontánea
- 10.6 Footer
DETALLE DE PUESTO
- 11.1 Header
- 11.2 Cabecera con título, ubicación y tipo
- 11.3 Descripción del puesto y responsabilidades
- 11.4 Requisitos y se valorará
- 11.5 Formulario de candidatura
- 11.6 Footer
TIENDA
- 12.1 Header
- 12.2 Hero de página
- 12.3 Filtros laterales (categoría, precio, valoración)
- 12.4 Grid de productos con paginación
- 12.5 Bloque categorías destacadas
- 12.6 Footer
DETALLE DE PRODUCTO
- 13.1 Header
- 13.2 Galería de imágenes y bloque de compra con variantes y cantidad
- 13.3 Tabs (descripción, ingredientes, modo de uso, envío)
- 13.4 Reseñas con estrellas
- 13.5 Productos relacionados
- 13.6 Footer
BLOG
- 14.1 Header
- 14.2 Hero con post destacado
- 14.3 Filtros por categoría
- 14.4 Grid de entradas
- 14.5 Newsletter
- 14.6 Footer
DETALLE DE ENTRADA
- 15.1 Header
- 15.2 Cabecera con título, autor, fecha y categoría
- 15.3 Imagen destacada y contenido del artículo
- 15.4 Compartir en redes
- 15.5 Autor
- 15.6 Entradas relacionadas
- 15.7 Footer
CONTACTO
- 16.1 Header
- 16.2 Hero de página
- 16.3 Formulario de contacto y datos (dirección, teléfono, email, horario)
- 16.4 Mapa
- 16.5 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA