NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea la página web de la marca ficticia SonríeClaro (dominio sonrieclaro.com) usando un único archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Replicar el diseño analizado:
- **Paleta de colores**: #0A2740 (azul oscuro), #FFFFFF (blanco), #F3F4F6 (gris claro), #1E90FF (azul acento), #0F7CFF (hover).
- **Tipografía**: "Inter" para textos y "Playfair Display" para encabezados, ambas importadas de Google Fonts.
- **Header**: barra fija con logo SVG placeholder, menú horizontal (Home, About, Services, Blog, Contact) y botón primario azul con efecto hover y doble capa de texto (front/back). Menú responsive con ícono hamburger que despliega overlay.
- **Hero**: contenedor centrado, título H1 grande, subtítulo descriptivo, fila de tres tarjetas pequeñas con icono, título y
3.754 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.754 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ú y botón "Get Started"
- 1.2 Hero con título principal, tarjetas de beneficios y botón "Make an Appointment"
- 1.3 Bloque "Who are we?" con texto descriptivo y botón "About SonríeClaro"
- 1.4 Cuadrícula de estadísticas (4 tarjetas con datos numéricos)
- 1.5 Sección de servicios con título, botón "See All Services" y tarjetas enumeradas (01‑03) de servicios
- 1.6 Footer con enlaces de sitio, política de privacidad, términos y redes sociales
ABOUT US
- 2.1 Cabecera con título "Sobre nosotros" y párrafo introductorio
- 2.2 Imagen de cabecera y botón de contacto
- 2.3 Equipo de profesionales con tarjetas de foto y descripción
- 2.4 Valores del centro en lista de iconos
SERVICES
- 3.1 Lista de servicios en cuadrícula, cada tarjeta con número, icono y breve descripción
- 3.2 Botón de vista completa de servicios
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, teléfono y mensaje
- 4.2 Mapa incrustado y datos de ubicación
BLOG
- 5.1 Lista de artículos con imagen, título y extracto
- 5.2 Paginación inferior
PROMPTS RELACIONADOS · SALUD Y MEDICINA