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 LIRIO SERENO, una coach personal que acompaña a mujeres en momentos de transición vital. Tono honesto, sereno, sin promesas marketineras. Idioma: español de España. Año 2025.
MARCA
- Nombre: Lirio Sereno
- Dominio: liriosereno.com
- Email: hola@liriosereno.com
- Claim: 'Acompañamiento honesto para reencontrar tu rumbo'
- Sector: coaching personal y crecimiento
STACK Y FORMATO
- Un único archivo HTML.
- Tailwind CSS vía CDN (script de play.tailwindcss.com o cdn.tailwindcss.com).
- JavaScript vanilla embebido para menú móvil, carrusel de testimonios y animaciones suaves al hacer scroll (IntersectionObserver con fade-up).
- Google Fonts: 'Cormorant Garamond' (titulares, serif editorial) y 'Inter' (cuerpo, san
7.516 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.516 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 y botón Contactar
- 1.2 Hero editorial a dos columnas con retrato
- 1.3 Sobre mí con imágenes dobles y textura de hojas
- 1.4 Banda 'Visto en' con logotipos
- 1.5 Servicios en tarjetas numeradas
- 1.6 Tarifas en planes verticales
- 1.7 Testimonios en carrusel
- 1.8 CTA final ancho
- 1.9 Footer completo
SOBRE MI
- 2.1 Header
- 2.2 Hero biográfico con retrato grande y bio extendida
- 2.3 Bloque de valores y método (3 pilares)
- 2.4 Timeline de trayectoria profesional
- 2.5 Galería editorial de imágenes
- 2.6 CTA invitación a reservar sesión
- 2.7 Footer
SERVICIOS
- 3.1 Header
- 3.2 Intro de página con título y párrafo
- 3.3 Listado completo de servicios en tarjetas numeradas con detalle ampliado
- 3.4 Sección de proceso paso a paso (4 etapas)
- 3.5 FAQ acordeón sobre los servicios
- 3.6 CTA final
- 3.7 Footer
TARIFAS
- 4.1 Header
- 4.2 Intro con titular y subtítulo
- 4.3 Tabla de planes comparativa
- 4.4 Bloque de garantías y forma de trabajo
- 4.5 FAQ de pagos y sesiones
- 4.6 CTA final
- 4.7 Footer
BLOG
- 5.1 Header
- 5.2 Hero con artículo destacado grande
- 5.3 Grid de artículos con imagen, categoría, título y fecha
- 5.4 Paginación discreta
- 5.5 Bloque suscripción a newsletter
- 5.6 Footer
CONTACTO
- 6.1 Header
- 6.2 Titular y párrafo introductorio
- 6.3 Formulario de contacto a dos columnas con datos de la consulta
- 6.4 Bloque lateral con email, horario y enlaces
- 6.5 Mapa o imagen ambiental decorativa
- 6.6 Footer
PROMPTS RELACIONADOS · HEALTH AND MEDICINE