NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Consulta Atlas (clínica de salud integral) usando HTML estático en un solo archivo, Tailwind CSS desde CDN y JavaScript vanilla para interacciones simples (menú móvil, animaciones de entrada, scroll suave). Mantén la estructura y estilo del sitio de referencia:
- Paleta de colores: #0F172A (azul noche), #1E293B (gris oscuro), #F1F5F9 (gris muy claro), #0EA5E9 (azul vibrante), #10B981 (verde lima).
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambas vía Google Fonts.
- Header: barra superior fija, logo a la izquierda, menú horizontal (Servicios, Sobre Nosotros, Equipo, Información), botón "Contacto" a la derecha, versión móvil colapsable con icono hamburger.
- Hero: fondo limpio con forma abstracta (svg), título grande, su
3.921 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.921 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 Header con logo, menú y botón de contacto
- 1.2 Hero con título, subtítulo, CTA y métricas
- 1.3 Acerca de con texto, imagen y rating
- 1.4 Especialidades Futuras con tarjetas
- 1.5 Servicios con contadores y tags
- 1.6 Testimonios con fotos
- 1.7 Footer con enlaces y contacto
SERVICES
- 2.1 Header (reutilizado)
- 2.2 Lista de servicios detallada con iconos
- 2.3 CTA reserva de cita
- 2.4 Footer
ABOUT
- 3.1 Header
- 3.2 Historia y valores de la clínica
- 3.3 Equipo con fotos y breves bios
- 3.4 CTA contacto
CONTACT
- 4.1 Header
- 4.2 Formulario de contacto simple
- 4.3 Mapa incrustado
- 4.4 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
