The official brief palette, type, spacing, and components — every color pairing contrast-checked in code and mapped to a clear role. This is the shared foundation for the wireframes, high-fidelity screens, and prototype.La paleta oficial del brief, tipografia, espaciado y componentes — cada combinacion de color verificada por codigo y asignada a un rol claro. Es la base compartida de los wireframes, las pantallas de alta fidelidad y el prototipo.
Critical rule: Momentum (#F2B134) fails white-text contrast (1.89:1), so it is only ever used as a fill behind dark ink text — never white. Progress teal is reserved for bars, icons, and large text; its darker sibling carries any teal wording. Every pairing was contrast-checked in code. Regla critica: Momentum (#F2B134) no pasa contraste con texto blanco (1.89:1), asi que solo se usa como relleno con texto oscuro, nunca blanco. El verde Progress se reserva para barras, iconos y texto grande; su version oscura lleva cualquier texto verde. Cada combinacion fue verificada por codigo.
System font stack for zero-download speed on low-cost devices. Body never below 16px. Line-height 1.5.Fuente del sistema para velocidad sin descargas en dispositivos economicos. Cuerpo nunca menor a 16px. Interlineado 1.5.
4-based spacing scaleEscala de espaciado base 4
Corner radiusRadio de esquina
Primary = Trust (navigate). Accent = Momentum with ink text (commit).Primario = Trust (navegar). Acento = Momentum con texto oscuro (accion final).