NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Consulta Coral" (consultacoral.com), sector centro de salud integral. Utiliza HTML estático con TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Aplicar la paleta de colores extraída: #0A2240 (azul marino), #1E3A8A (azul intenso), #FFFFFF (blanco), #F3F4F6 (gris claro), #E11D48 (rojo acento). Tipografía: Inter (sans‑serif) para títulos y body, peso 400‑700.
Estructura y bloques:
1. Header fijo con logo (texto Consulta Coral), menú horizontal (Inicio, Nosotros, Servicios, Médicos, Blog, Contacto) y botón destacado "Cita" que lleva a /cita.
2. Hero a pantalla completa con título grande "Cuidamos tu bienestar con tecnología y humanismo", subtítulo descriptivo, botones: Teléfono (tel:+123456789), Email (mailto:info@consultacoral
4.118 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.118 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 principales y botón de cita
- 1.2 Hero principal: título, subtítulo, botones de contacto y galería de imágenes
- 1.3 Bloque de información de horario de apertura y cierre
- 1.4 Bloque de emergencias 24/7 con datos de contacto
- 1.5 Bloque para agendar cita con botón destacado
- 1.6 Sección de servicios: título, descripción y lista de servicios en acordeón
- 1.7 Botón para ver todos los servicios
- 1.8 Pie de página con enlaces institucionales, redes y datos de contacto
ABOUT US
- 2.1 Encabezado interno con título de página
- 2.2 Texto descriptivo sobre la historia y valores del centro
- 2.3 Equipo de profesionales en tarjetas
- 2.4 Llamada a la acción para contactar
SERVICES
- 3.1 Lista completa de servicios con tarjetas e iconos
- 3.2 Descripción breve de cada servicio
- 3.3 Botón para solicitar información
DOCTORS
- 4.1 Galería de médicos con foto, nombre y especialidad
- 4.2 Botón para agendar cita con cada profesional
BLOGS
- 5.1 Tarjetas de artículos recientes con imagen, título y extracto
- 5.2 Paginación del blog
CONTACT US
- 6.1 Formulario de contacto (nombre, email, teléfono, mensaje)
- 6.2 Mapa integrado y datos de ubicación
- 6.3 Horario y teléfono de atención
PROMPTS RELACIONADOS · SALUD Y MEDICINA