NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Salud Coral" (clínica multidisciplinar) usando HTML estático en un solo archivo, Tailwind CSS vía CDN y JavaScript vanilla. Replicar el diseño visual del sitio original sin copiar texto:
- Paleta de colores: #0A2740 (azul oscuro), #1E3A5F (azul medio), #4A90E2 (azul accent), #FFFFFF (blanco), #F5F7FA (gris muy claro).
- Tipografía: Inter (sans-serif) para cuerpos y headings, con peso 400/600/700 según necesidad.
- Header: barra sticky con logo a la izquierda, enlaces de navegación (Inicio, Sobre nosotros, Servicios, Profesionales, Blog, Contacto) en blanco, subrayado animado on hover, botón destacado "Reservar cita" con fondo azul accent y texto blanco, ícono de flecha. Menú hamburguesa responsive para móviles.
- Hero: sección a pantal
3.903 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.903 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 barra de navegación y botón de reserva
- 2.1 Hero con titular, subtítulo, llamado a acción y carrusel de testimonios
- 3.1 Sección "Nuestra historia" con encabezado, texto descriptivo y galería de imágenes
- 4.1 Sección "Qué hacemos" con listado de servicios en tarjetas
- 5.1 Footer con enlaces de navegación, redes y datos de contacto
ABOUT
- 1.1 Header
- 2.1 Información institucional con imagen y texto
- 3.1 Valores y misión en columnas
- 4.1 Footer
SERVICES
- 1.1 Header
- 2.1 Grid de tarjetas de servicios con icono, título y breve descripción
- 3.1 CTA para solicitar cita
- 4.1 Footer
DOCTORS
- 1.1 Header
- 2.1 Listado de profesionales con foto, nombre, especialidad y botón de contacto
- 3.1 Footer
BLOG
- 1.1 Header
- 2.1 Lista de artículos con imagen, título y extracto
- 3.1 Paginación
- 4.1 Footer
CONTACT
- 1.1 Header
- 2.1 Formulario de contacto y mapa integrado
- 3.1 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA