Un diario digital emocional para volver al cuerpo desde el amor y no desde la exigencia.
Yo me Creo será una colección de diarios digitales de autosanación femenina, donde cada edición se inspira en una fase de la luna y en una parte del cuerpo. La premisa: sanar no es una línea recta, es un ciclo.
Esta es la landing page de la Edición Luna Azul, dedicada al cuerpo completo (hábitos, descanso, movimiento y alimentación) abordados desde un lugar amable. Un acompañamiento de 90 días para reconciliarte con tu cuerpo.
| Sección | Descripción |
|---|---|
| Hero animado | Luna flotante con animación y revelado escalonado de texto |
| Filosofía | Presentación del concepto de "fases" lunares y del ciclo de sanación |
| Qué es | Explicación del diario con tarjeta visual del producto |
| Qué incluye | Grid de 6 beneficios con micro-interacciones al pasar el cursor |
| Trayectoria | 90 días divididos en 4 fases: Reconocer · Soltar · Nutrir · Florecer |
| Colección | Las 5 lunas, con la Luna Azul activa y las demás "próximamente" |
| Precio | Tarjeta de venta con precio de lanzamiento y lista de beneficios |
| Captura de correos | Formulario para muestra gratuita y avisos de nuevas ediciones |
| Preguntas frecuentes | Acordeón desplegable con las dudas más comunes |
| Edición | Enfoque | Estado |
|---|---|---|
| Luna Azul | Cuerpo y bienestar físico | Disponible |
| Luna Amarilla | Mente y salud mental | Próximamente |
| Luna de Sangre | Corazón y autoamor | Próximamente |
| Luna Blanca | Vientre y creación | Próximamente |
| Luna Nueva | Identidad emprendedora | Próximamente |
🌊 Abismo #0a1428 / #0f2342 → Fondos profundos, atmósfera nocturna
🌅 Marea #2d6098 / #16365f → Estructura, profundidad oceánica
🌙 Luna #5b9bd5 / #a8c9e8 → Acentos, brillo lunar, llamados a la acción
✨ Marfil #f4f1e8 / #d9d3c4 → Texto principal, claridad
🏖️ Arena #d4b483 → Detalles cálidos, contraste suave
| Herramienta | Uso |
|---|---|
| HTML5 | Estructura semántica de la página |
| CSS3 | Diseño, animaciones y maquetación responsiva (un solo archivo) |
| JavaScript | Revelado al hacer scroll, acordeón de FAQ y validación del formulario |
| GitHub Pages | Despliegue y hospedaje gratuito |
No se requieren dependencias externas. Todo el proyecto vive en un único
index.htmlautocontenido, con tipografías servidas desde Google Fonts.
git clone https://github.com/AnaLinares-NA/DiarioDigitalYoMeCreo.git
cd DiarioDigitalYoMeCreoLuego abre index.html en tu navegador, o si usas VS Code, instala la extensión Live Server y dale a "Go Live" para verlo con recarga automática.
- Diseño y maquetación de la landing page
- Despliegue en GitHub Pages
- Conectar plataforma de pago (Gumroad / Mercado Pago)
- Conectar el formulario de correos a un gestor (Mailchimp)
- Producir las ediciones restantes de la colección
Ana Paola Linares Guzmán
Estudiante de Informática · Desarrollo iOS y Web · Diseño centrado en el usuario
Copyright © 2026 Ana Paola Linares Guzmán. Todos los derechos reservados.
Este proyecto es parte de un portafolio personal y corresponde a un producto comercial en desarrollo. No está permitida su reproducción, distribución o uso comercial sin autorización expresa de la autora.
Ver LICENSE para más detalles.
🌙 Yo me creo, fase por fase.