NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Clínica Ónix" (centro de salud y bienestar) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. La web debe ser responsiva y reproducir fielmente la estructura y estilo detectados en el análisis:
- Paleta de colores: #0D3B66 (azul oscuro), #FAF0CA (crema), #F4D35E (amarillo cálido), #EE964B (naranja suave), #F95738 (rojo coral) y tonos neutros #FFFFFF, #F0F0F0.
- Tipografía: "Inter" para títulos y cuerpo, con pesos 400, 500, 700. Carga la fuente desde Google Fonts.
Estructura y bloques:
1. Header (sticky) con logo (texto "Clínica Ónix"), menú horizontal (Home, Sobre nosotros, Servicios, Profesionales, Blog, Contacto), botón destacado "Reserva ya" y icono de carrito que muestra cantidad.
2. Hero: fondo claro con
4.066 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.066 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ú, botón cita y carrito
- 1.2 Hero con título, subtítulo, botón y teléfono
- 1.3 Imágenes decorativas del hero
- 1.4 Servicios en grid de 3 columnas
- 1.5 Profesionales en tarjetas
- 1.6 Testimonios en carrusel
- 1.7 CTA final
- 1.8 Footer con enlaces y redes
ABOUT
- 2.1 Header (reutilizado)
- 2.2 Texto institucional y misión
- 2.3 Equipo destacado
- 2.4 CTA a agenda de cita
SERVICES
- 3.1 Header
- 3.2 Lista de servicios con iconos y descripciones
- 3.3 Beneficios y proceso
- 3.4 CTA a reserva
PROFESSIONALS
- 4.1 Header
- 4.2 Galería de profesionales con foto, nombre y especialidad
- 4.3 Botón de contacto individual
CONTACT
- 5.1 Header
- 5.2 Formulario de contacto sencillo
- 5.3 Mapa incrustado
- 5.4 Información de contacto y horarios
BLOG
- 6.1 Header
- 6.2 Lista de artículos en tarjetas
- 6.3 Sidebar con categorías y últimas entradas
- 6.4 Footer (reutilizado)
PROMPTS RELACIONADOS · SALUD Y MEDICINA