NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de una sola página HTML autocontenida para la marca ficticia CASA SERENA, una red española de atención domiciliaria para personas mayores. Claim: 'Acompañamos a tus mayores como si fueran nuestra familia'. Dominio propiedadesvega.com, email hola@propiedadesvega.com, año 2025.
STACK: Un único archivo index.html con Tailwind CSS por CDN, JavaScript vanilla embebido, fuentes Google Fonts. Sin frameworks, sin build. Imágenes desde Unsplash con URLs reales de fotos de personas mayores, familias, manos, hogares cálidos.
TIPOGRAFÍA: Titulares con 'Fraunces' (serif editorial, peso 400-500, ligero tracking negativo). Cuerpo y UI con 'Inter' (sans, 400-500). Tamaños generosos: h1 entre 72-96px desktop, h2 entre 56-72px, párrafos 18-20px con line-height 1.5.
PALETA:
- Crema f
8.945 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.945 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 Navbar con logo y CTA reservar plan
- 1.2 Hero con titular serif y marca destacada
- 1.3 Manifiesto con sello circular central
- 1.4 Punto de dolor a frase grande
- 1.5 Servicios con tabs horizontales e imagen lateral
- 1.6 Reality check dos columnas fondo oscuro
- 1.7 Transición a la solución con nombre de marca
- 1.8 Solución con párrafo descriptivo
- 1.9 Equipo fundador fondo oscuro
- 1.10 Estadísticas en grid con tarjeta central destacada
- 1.11 Misión central con logo circular y CTA comunidad
- 1.12 Miembros de la comunidad en tres tarjetas
- 1.13 Soluciones por etapa de cuidado
- 1.14 Footer crema con enlaces y contacto
SOBRE NOSOTROS
- 2.1 Navbar
- 2.2 Hero con titular sobre origen del proyecto
- 2.3 Historia y propósito en dos columnas con imagen
- 2.4 Valores en tres tarjetas con icono
- 2.5 Línea temporal de hitos
- 2.6 Equipo fundador con fotos grandes y bio breve
- 2.7 CTA final unirse a la comunidad
- 2.8 Footer
SERVICIOS
- 3.1 Navbar
- 3.2 Hero servicios con titular y subtítulo
- 3.3 Listado de servicios en tarjetas alternadas izquierda/derecha con imagen
- 3.4 Tabla comparativa de planes de acompañamiento
- 3.5 Proceso de alta en 4 pasos
- 3.6 FAQ desplegables
- 3.7 CTA reservar evaluación gratuita
- 3.8 Footer
COMUNIDAD
- 4.1 Navbar
- 4.2 Hero comunidad con titular cálido
- 4.3 Testimonios largos en tarjetas con foto
- 4.4 Historias destacadas en grid editorial
- 4.5 Eventos próximos para familias cuidadoras
- 4.6 Formulario de suscripción al boletín
- 4.7 Footer
RESERVAR PLAN
- 5.1 Navbar
- 5.2 Hero con titular y resumen del proceso
- 5.3 Selector de tipo de cuidado en tarjetas
- 5.4 Formulario de contacto a dos columnas
- 5.5 Información de contacto directo y horario
- 5.6 Footer
PROMPTS RELACIONADOS · REAL ESTATE
