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.
Í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 Elementos Button, Chip, Input, Progress, Frame y el resto del nivel base. Listo 08 Componentes Field, KPI, Card, NavItem, Pagination, TableRow. Listo 09 Tablas DataTable simple e interactiva, ordenable. Listo 10 Gráficos Line, area, bar, radar, scatter, bubble, donut, pie. Listo