NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Centro Medico Vega" (dominio centromedicovega.com, sector odontología) utilizando sólo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El sitio debe reproducir el diseño analizado:
- Paleta de colores: #0A3D62 (azul profundo), #1B9CFC (azul claro), #F7F9F9 (gris casi blanco), #2C3E50 (gris oscuro), #EAECEE (gris neutro).
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, cargadas desde Google Fonts.
- Header: barra superior fija con logo textual ("Sonrisa Clara"), icono de menú hamburguesa que despliega un mega‑menu de tres columnas (Páginas, Condiciones, Tratamientos) con enlaces y mini‑imágenes. Botón de contacto destacado a la derecha.
- Hero principal: fondo azul claro con imagen a la derecha, título grande (
3.584 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.584 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, mega‑menu y botón de contacto
- 1.2 Hero grande con título, subtítulo y botón principal
- 1.3 Bloque de servicios destacados en tarjetas con iconos
- 1.4 Sección de condiciones con tarjetas con imagen y descripción breve
- 1.5 Testimonios rotativos en carrusel
- 1.6 Galería de tratamientos en cuadrícula con hover
- 1.7 Llamada a la acción con formulario breve
- 1.8 Footer con enlaces útiles, redes sociales y datos de contacto
ABOUT
- 2.1 Header sticky igual que home
- 2.2 Hero interno con título «Sobre nosotros» y texto descriptivo
- 2.3 Equipo en tarjetas con foto y breve bio
- 2.4 Valores en lista con iconos
- 2.5 CTA bloque para concertar cita
- 2.6 Footer común
SERVICES
- 3.1 Header
- 3.2 Hero interno «Nuestros tratamientos»
- 3.3 Grid de tarjetas de servicio con icono, título y breve descripción
- 3.4 Accordion de preguntas frecuentes
- 3.5 CTA reserva
- 3.6 Footer
CONDITIONS
- 4.1 Header
- 4.2 Hero interno «Condiciones dentales»
- 4.3 Lista de tarjetas con imagen, título y descripción corta (cosmética, restaurativa, implantología, ortodoncia…)
- 4.4 Botón ver más
- 4.5 Footer
GALLERY
- 5.1 Header
- 5.2 Hero interno «Galería»
- 5.3 Grid de imágenes con efecto hover y lightbox
- 5.4 Footer
CONTACT
- 6.1 Header
- 6.2 Hero interno «Contacto»
- 6.3 Formulario de contacto (nombre, email, teléfono, mensaje) + mapa embebido
- 6.4 Información de localización y horarios
- 6.5 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE
