NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia 'Clínica SonríeLibre' (dominio: sonribelibre.com) usando HTML con Tailwind CSS desde CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y estilo visual del template analizado, sin copiar textos ni imágenes originales.
**Paleta de colores**: #0A3D62 (azul oscuro), #1E90FF (azul vivo), #F5F8FA (gris muy claro), #FFFFFF (blanco), #FFB800 (amarillo dorado para acentos).
**Tipografía**: 'Inter' para cuerpo y menús, 'Playfair Display' para títulos destacados. Importar desde Google Fonts.
**Header**: barra fija con logo textual "SonríeLibre" (fuente Playfair, peso 700), enlaces de navegación: Inicio, Servicios, Sobre Nosotros, Ubicación, Blog, Contacto. Botón primario "Reserva ahora" (bg-\#1E90FF, texto blanco) y bo
4.527 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.527 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, enlaces y botones de acción.
- 1.2 Hero principal con subtítulo, título destacado, párrafo introductorio y enlaces a especialidades.
- 1.3 Tarjetas de profesionales y reseñas alineadas en columnas.
- 1.4 Galería de imágenes de tratamientos.
- 1.5 Sección de confianza con contador de pacientes.
- 1.6 Footer con enlaces institucionales, redes y formulario de suscripción.
SERVICIOS
- 2.1 Lista de tratamientos con iconos y breves descripciones.
- 2.2 Botón de reserva de cita.
ABOUT
- 3.1 Historia de la clínica con imagen y texto.
- 3.2 Equipo de profesionales con fotos y títulos.
LOCATION
- 4.1 Mapa interactivo incrustado.
- 4.2 Datos de contacto y horario.
BLOG
- 5.1 Grid de artículos con imágenes, títulos y extractos.
- 5.2 Paginación simple.
CONTACTO
- 6.1 Formulario de contacto con campos nombre, email, mensaje.
- 6.2 Información de teléfono y dirección.
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
