Design System/v0.2.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.
Índice del sistema
01 Principios Qué es ONSIDE, voz y tono, y las seis reglas de diseño. Listo 02 Fundaciones Espaciado, retícula, radios, bordes y movimiento. Listo 03 Color Paleta core, semántica y de gráficos. Diseñada y validada en OKLCH. Listo 04 Tipografía Mulish. Escala H1–C, pesos, interlineado y tracking. Listo 05 Iconografía Phosphor Icons. Pesos, tamaños y estados. Listo 06 Logo Versiones, área de seguridad, tamaño mínimo y usos incorrectos. Listo 07 Texturas Fotografía, malla de datos, pixel grid y patrones de gráficos. Listo 08 Elementos Button, Chip, Input, Progress, Frame y el resto del nivel base. Listo 09 Componentes Field, KPI, Card, NavItem, Pagination, TableRow, DataTable. Listo 10 Gráficos Line, area, bar, radar, scatter, bubble, donut, pie, polar. Listo 11 Dashboard DashboardPanel + KPI, Chart y DataTable compuestos. Listo