NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una landing page completa de una sola página HTML autocontenida para una marca ficticia llamada 'Hogar Vega', una red de cuidados domiciliarios para personas mayores con sede en España. Dominio hogarvega.com, contacto hola@hogarvega.com, año 2025, claim: 'Acompañar a quienes nos enseñaron a caminar'.
ALCANCE: una sola página HTML con Tailwind por CDN y JavaScript vanilla en un único archivo. Todo el copy en español de España, original, cálido, humano, sin jerga marketinera, sin precios concretos. Estética editorial, espaciosa, con narrativa emocional.
STACK:
- HTML5 semántico
- Tailwind CSS por CDN (script de cdn.tailwindcss.com)
- Google Fonts: 'Fraunces' (serif, weights 400/500/600) para titulares y 'Inter' (sans, 400/500) para cuerpo
- JavaScript vanilla para tabs, scroll suave,
8.366 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.366 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 navegación ancla y CTA
- 1.2 Hero emocional con titular en dos líneas
- 1.3 Declaración con logo circular central
- 1.4 Bloque de pain point
- 1.5 Servicios con tabs e imagen dinámica
- 1.6 Reality check a dos columnas sobre fondo oscuro
- 1.7 Introducción a la marca
- 1.8 Descripción de la solución
- 1.9 Equipo fundador sobre fondo oscuro
- 1.10 Estadísticas con tarjeta central destacada
- 1.11 Misión con logo lateral y CTA
- 1.12 Comunidad con tarjetas de miembros
- 1.13 Soluciones por etapa
- 1.14 Footer completo
SERVICIOS
- 2.1 Header
- 2.2 Hero de página con titular y breadcrumb
- 2.3 Listado de servicios con tarjetas grandes
- 2.4 Bloque proceso paso a paso
- 2.5 CTA de contacto
- 2.6 Footer
SOBRE NOSOTROS
- 3.1 Header
- 3.2 Hero con misión y visión
- 3.3 Historia de la red en timeline
- 3.4 Valores en grid
- 3.5 Equipo fundador con fotos
- 3.6 CTA unirse a la comunidad
- 3.7 Footer
COMUNIDAD
- 4.1 Header
- 4.2 Hero de comunidad
- 4.3 Testimonios de familias en tarjetas
- 4.4 Historias destacadas en grid
- 4.5 Bloque de beneficios para miembros
- 4.6 Footer
RESERVAR PLAN
- 5.1 Header simplificado
- 5.2 Hero con titular del proceso
- 5.3 Comparativa de planes en tres columnas
- 5.4 Formulario de solicitud
- 5.5 FAQ con acordeón
- 5.6 Footer
PROMPTS RELACIONADOS · REAL ESTATE
