
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado AlbaVital, clínica dental y boutique de cuidado bucal, usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo visual del sitio analizado:
- **Paleta de colores**: #1A374D (azul oscuro), #3E6184 (azul medio), #9BB7D4 (azul claro), #F5F7FA (gris muy claro), #FFFFFF (blanco).
- **Tipografía**: Fuente principal "Inter" (Google Fonts) para títulos y cuerpo, peso 400‑700.
- **Header**: barra fija con fondo blanco, logo SVG ficticio, menú horizontal con dropdowns (Demo, Sobre nosotros, Todas las páginas) y botón de carrito que abre un modal modal simple. En móvil, colapsa a ícono de hamburguesa y botón CTA "Programar cita".
- **Hero**: sección full‑width con fondo de imagen suave de s
3.890 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.890 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 con logo, menú desplegable y botón de carrito
- 1.2 Hero con imagen de fondo y llamada a la acción
- 1.3 Servicios destacados en tarjetas
- 1.4 Galería de productos con botón "Ver más"
- 1.5 Testimonios rotativos
- 1.6 Suscripción al newsletter
- 1.7 Footer con enlaces y datos de contacto
ABOUT US
- 2.1 Encabezado con título y párrafo descriptivo
- 2.2 Equipo de dentistas en tarjetas con foto y especialidad
- 2.3 Valores y misión en bloques iconográficos
- 2.4 Footer compartido
SERVICES
- 3.1 Lista de servicios con iconos y breves descripciones
- 3.2 Detalle de servicio seleccionado con imágenes y texto
- 3.3 CTA para agendar cita
- 3.4 Footer compartido
SHOP
- 4.1 Grid de productos con foto, nombre y precio
- 4.2 Ficha de producto con galería, descripción y selector de variantes
- 4.3 Carrito modal con resumen y botones de checkout
- 4.4 Footer compartido
BLOG
- 5.1 Listado de artículos con imagen, título y excerpt
- 5.2 Detalle de artículo con contenido completo y sección de comentarios
- 5.3 Footer compartido
CONTACT US
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado y datos de ubicación
- 6.3 Footer compartido
PROMPTS RELACIONADOS · SALUD Y MEDICINA