G/S — 843 / MIEMBRO
Daystack P. Agenda Sect.
Aplicación de agenda personal monocroma con navegación por tarjetas, reloj y fecha en vivo, calendario, tareas, diario, proyectos, hábitos y notas persistentes en localStorage.
Una agenda personal con estética de software editorial monocromo
Daystack Personal Agenda Section transforma una sección web en una aplicación de organización personal inspirada en interfaces de escritorio en blanco y negro. La composición combina una barra superior, un índice lateral de tarjetas, un área central de bienvenida y planificación, una columna derecha con reloj, próxima cita y foco, y una franja inferior con diario, ritmo semanal y notas rápidas.
La demo es interactiva: la navegación lateral cambia entre Calendario, Tareas, Diario, Notas, Proyectos, Hábitos y Ajustes; el reloj y la fecha se actualizan con la hora local del navegador; los checkboxes permiten marcar tareas; y las notas se guardan únicamente en localStorage del navegador. Todo funciona con HTML, CSS, SVG inline y JavaScript nativo, sin backend ni peticiones externas.
El diseño reproduce la estética de la referencia mediante bordes negros marcados, fondos blancos, tipografía monoespaciada, iconografía lineal y jerarquía de paneles tipo stack. En tablet y móvil, el índice se convierte en navegación horizontal y todos los paneles se apilan sin desbordamiento lateral.
DEMO / EN VIVO
Previsualiza
DEMO / LISTA PARA CARGAR
PROMPT MAESTRO / MIEMBRO
Constrúyelo.
Obtén las instrucciones de dirección artística, estructura, comportamiento y tecnología necesarias para recrear una experiencia equivalente con tu herramienta de desarrollo asistido por IA.