Design System/v0.1.0

Analizamos cada movimiento.
Diseñamos cada decisión.

El sistema de diseño de ONSIDE Sports Analytics. Tokens, tipografía e iconografía como fuente de verdad, legibles por humanos y por máquinas.

Ver tokens de color Tipografía

Jugador de fútbol con overlay de datos de rendimiento: velocidad máxima, distancia, pases completados y zona de acción

Índice del sistema

4 módulos · 2 listos

01 Color Paleta core, semántica y de gráficos. Diseñada y validada en OKLCH. Listo 02 Tipografía Mulish. Escala H1–C, pesos, interlineado y tracking. Listo 03 Iconografía Phosphor Icons. Pesos, tamaños y estados. Pronto 04 Componentes Atomic Design: átomos → moléculas → organismos. Pronto