NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un único archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, pero con la marca ficticia **Vida Plena**. Utiliza Tailwind CSS vía CDN y JavaScript vanilla (sin frameworks) para animaciones y componentes interactivos.
**Paleta de colores** (extraída del original):
- Primario: #0d6efd (azul vibrante)
- Secundario: #6c63ff (índigo pastel)
- Fondo principal: #f8fafc (gris muy claro)
- Texto principal: #1f2937 (gris casi negro)
- Texto secundario: #6b7280 (gris medio)
- Accent / hover: #ff6b6b (rojo coral)
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400‑600. Títulos utilizarán `font-bold` y `text-4xl`/`text-5xl` según el nivel.
**Header**: barra fija en la parte superior con logotipo (SVG abstracto) y menú horizo
4.652 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.652 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 logotipo y menú principal
- 1.2 Hero principal con título, subtítulo, botón de reserva y contadores de métricas
- 1.3 Imagen decorativa en columna derecha del hero (tarjetas flotantes)
- 1.4 Sección "Nuestros especialistas" con tarjetas de profesionales
- 1.5 Sección "Áreas de atención" en formato grid de iconos
- 1.6 Testimonios rotatorios
- 1.7 Preguntas frecuentes en acordeón
- 1.8 Llamado a la acción final con botón de reserva
- 1.9 Footer con enlaces institucionales, contacto y redes sociales
DOCTORES
- 2.1 Cabecera simple con título "Nuestro Equipo Médico"
- 2.2 Grid de tarjetas de doctor, cada una con foto, nombre, especialidad y botón de contacto
BLOG
- 3.1 Lista de artículos con imágenes destacadas, título, extracto y enlace "Leer más"
- 3.2 Paginación inferior
CONTACTO
- 4.1 Formulario de contacto (nombre, email, asunto, mensaje)
- 4.2 Mapa incrustado y datos de ubicación
- 4.3 Información de teléfono y email
- 4.4 Botón de envío
PROMPTS RELACIONADOS · SALUD Y MEDICINA