Guía de estilo
Una interfaz cercana para acompañar el aprendizaje. Títulos con carácter, superficies claras y acciones fáciles de reconocer.
Tipografía
Fraunces para los títulos y las cifras grandes. Inter para leer, elegir y completar cada tarea.
Color con propósito
Once colores compartidos por la app y esta guía. Cada estado combina texto y color.
El ámbar de marca se reserva para acentos y cifras grandes; el texto pequeño usa #955D0C para conservar el contraste.
Componentes
El borde define las tarjetas. El rojo identifica la acción principal y la sección activa.
Botones
Estados
Tarjeta de materia
Campos y decisiones
Navegación e íconos
Cinco destinos persistentes: Hoy, Mi lista, Grupos, Horas y Mis datos. La app usa íconos Material consistentes, acompañados por su etiqueta.
Espaciado y elevación
Radios de 3 y 6 px en controles y tarjetas; píldoras completamente redondeadas. Solo el teléfono y las explicaciones flotantes reciben sombra.
Controles táctiles cómodos, desplazamiento vertical y campos que permanecen visibles al abrir el teclado.
Un prototipo para recorrer
Acceso, escáner y envío son simulados. Los datos de ejemplo viven en la sesión y se reinician al recargar. Esta versión permite revisar diseño y navegación.
Explora la app
Navega en el teléfono y sigue su recorrido.
Diagrama de la app
Cada pantalla enciende su paso. Selecciona un nodo para leer qué sucede.
Archivo editable. Ábrelo desde el menú de Excalidraw.