NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **SaludDent** (clínica dental y tienda de productos de higiene bucal) usando **HTML estático, Tailwind CSS vía CDN y JavaScript vanilla** en un solo archivo. El proyecto debe reproducir fielmente la estructura y estética del sitio original (mega‑dropdown con tarjetas, hero con título y botón, secciones en cuadrícula, carrusel de testimonios, tarjetas de blog, footer con múltiples columnas).
**Paleta de colores** (usar como variables Tailwind):
- #1F2A44 (azul marino profundo) → primary
- #FFFFFF (blanco) → background
- #F5F7FA (gris muy claro) → surface
- #0EA5E9 (azul cian) → accent
- #4B5563 (gris medio) → text‑secondary
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400 normal y 600 semibold para encabezados.
**Header*
4.063 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.063 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 fija con logo y mega‑dropdown
- 1.2 Hero principal con título, subtítulo y CTA
- 1.3 Servicios destacados en 3 columnas
- 1.4 Productos destacados en grid de 4 columnas
- 1.5 Testimonios en carrusel
- 1.6 Últimos artículos del blog
- 1.7 CTA de cita previa
- 1.8 Footer informativo
ABOUT
- 1.1 Encabezado con imagen y texto descriptivo
- 1.2 Historia de la clínica en dos columnas
- 1.3 Equipo profesional en tarjetas con foto y bio
- 1.4 Valores y certificaciones en iconos
- 1.5 CTA para agendar consulta
- 1.6 Footer
SERVICES
- 1.1 Listado de servicios con imagen y descripción breve
- 1.2 Íconos de beneficios
- 1.3 Preguntas frecuentes en acordeón
- 1.4 CTA de reserva
- 1.5 Footer
PRODUCTS
- 1.1 Cabecera de tienda con filtro y búsqueda
- 1.2 Grid de productos (imagen, nombre, precio, botón)
- 1.3 Paginación
- 1.4 Footer
BLOG
- 1.1 Banner de blog con título
- 1.2 Lista de artículos en tarjeta (imagen, título, extracto)
- 1.3 Sidebar con categorías y newsletter
- 1.4 Footer
CONTACT
- 1.1 Formulario de contacto con campos básicos
- 1.2 Mapa incrustado
- 1.3 Información de horario y teléfono
- 1.4 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA