NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo single-file (HTML + Tailwind por CDN + JS vanilla) para una clínica médica privada ficticia llamada **Vivelia Clínica** (dominio vivelia.com, email hola@vivelia.com, año 2025). Claim: "Cuidamos de ti con tiempo, escucha y criterio clínico". Sector: clínica multidisciplinar con atención primaria, pediatría, cardiología, diagnóstico por imagen, salud de la mujer y medicina preventiva. Todo el copy en español de España, original, sin jerga marketinera, sin precios concretos.
## Alcance
Genera la página HOME completa y funcional en un único archivo `index.html`. Deja claramente identificadas con comentarios HTML las secciones internas. Implementa también los enlaces del menú aunque apunten a anclas dentro de la home.
## Stack y requisitos técnicos
- HTML5 semántico
8.761 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.761 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 Top nav translúcido con menú y CTA
- 1.2 Hero slider con texto rotativo de motivos de consulta
- 1.3 Intro de la clínica + datos de contacto
- 1.4 Grid de Especialidades (06)
- 1.5 Equipo médico
- 1.6 Planes / Membresías
- 1.7 Testimonios de pacientes
- 1.8 CTA final Pedir cita
- 1.9 Footer con marquesina de marca
CLÍNICA
- 2.1 Top nav
- 2.2 Hero editorial con foto del centro y claim breve
- 2.3 Historia y filosofía en dos columnas
- 2.4 Galería de instalaciones tipo mosaico
- 2.5 Valores en grid de 4 (escucha, criterio, tiempo, seguimiento)
- 2.6 Línea temporal de hitos
- 2.7 Equipo directivo
- 2.8 CTA Pedir cita
- 2.9 Footer
ESPECIALIDADES
- 3.1 Top nav
- 3.2 Hero con título Especialidades y descripción
- 3.3 Filtro por área (general, infantil, cardiología, etc.)
- 3.4 Grid completo de especialidades con foto y descripción
- 3.5 Bloque de pruebas diagnósticas
- 3.6 CTA Pedir cita
- 3.7 Footer
ESPECIALIDAD DETALLE
- 4.1 Top nav
- 4.2 Hero con foto grande y nombre de la especialidad
- 4.3 Descripción clínica extendida
- 4.4 Lista de tratamientos y pruebas
- 4.5 Profesionales del área
- 4.6 Preguntas frecuentes
- 4.7 CTA Pedir cita
- 4.8 Footer
PLANES
- 5.1 Top nav
- 5.2 Hero con título Planes y subtítulo
- 5.3 Comparador de 3 planes (sin precios concretos)
- 5.4 Tabla detallada de coberturas
- 5.5 Testimonios de socios
- 5.6 FAQ
- 5.7 CTA contacto
- 5.8 Footer
CONTACTO
- 6.1 Top nav
- 6.2 Hero con título Pedir cita
- 6.3 Formulario de cita en 2 columnas con mapa al lado
- 6.4 Datos de contacto y horarios
- 6.5 Footer
PROMPTS RELACIONADOS · SALUD Y MEDICINA