NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia ClaraSonrisa (clinica dental) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Mantén la siguiente paleta de colores: #0A2240 (azul marino), #1A85FF (azul brillante), #F5F7FA (gris muy claro), #FFFFFF (blanco), #FFB800 (amarillo dorado). Usa tipografía "Inter" para títulos y "Source Sans Pro" para texto normal, ambas importadas de Google Fonts.
Estructura global:
- Header (nav) fijo, fondo blanco con texto azul marino. Logo a la izquierda (SVG placeholder). Enlaces: Home, Sobre, Servicios, Equipo, Blog, Contacto. Botón principal a la derecha con fondo azul brillante, texto blanco, efecto hover oscuro.
- Footer con fondo azul marino, texto blanco, columnas: Información, Enlaces rápidos, Contacto, Redes soc
4.502 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.502 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, enlaces Home, Sobre, Servicios, Equipo, Blog, Contacto y botón "Empezar"
- 1.2 Hero principal: título grande, tres tarjetas de información, subtítulo y botón "Solicitar cita"
- 1.3 Sección "Quiénes somos": subtítulo, párrafo descriptivo y botón "Más sobre ClaraSonrisa"
- 1.4 Métricas: cuatro bloques con números y texto explicativo
- 1.5 Servicios: subtítulo, título, botón "Ver todos los servicios" y tres tarjetas de servicios con número, nombre y breve descripción
ABOUT US
- 2.1 Barra de navegación idéntica
- 2.2 Hero interno con título y texto introductorio
- 2.3 Texto largo sobre la historia y valores de la clínica
- 2.4 Equipo de profesionales en tarjetas con foto y breve biografía
- 2.5 Llamada a la acción para concertar consulta
SERVICES
- 3.1 Barra de navegación idéntica
- 3.2 Hero de servicios con título y descripción
- 3.3 Lista de servicios en cuadrícula, cada tarjeta muestra número, nombre y breve texto
- 3.4 Botón para contactar o solicitar información adicional
CONTACT
- 4.1 Barra de navegación idéntica
- 4.2 Hero de contacto con formulario de nombre, email, teléfono y mensaje
- 4.3 Información de ubicación, horario y mapa integrado
- 4.4 Botón de envío del formulario
PROMPTS RELACIONADOS · SALUD Y MEDICINA