Fundamentos
A base do Arrow System, organizada por dimensão. Cada token é uma decisão, não um valor solto: cor, tipografia, espaço e forma nomeados pela intenção que carregam. Aqui um token nunca diz apenas o que é, diz o que significa, e é essa diferença que separa um sistema com alma de uma lista de variáveis.
Os componentes consomem essas decisões, e é assim que design e código nunca se contradizem. A mesma intenção que nasce aqui se propaga por toda superfície que a Effecti tocar, sem se diluir no caminho. É neste ponto que a identidade da Effecti deixa de ser ideia e vira sistema.
Dimensões
01 Cores
Famílias cromáticas, primitivos, tokens semânticos e regras de acessibilidade
02 Tipografia
Escala tipográfica, pesos canônicos e tokens semânticos
03 Espaçamento
Escala de espaçamento, segmentos micro e macro
04 Forma
Border-radius, famílias semânticas e âncora de 8px
05 Elevação
Sombras, z-index semântico e dark mode
06 Movimento
Duração, easing, padrões e acessibilidade
07 Grade e Layout
Breakpoints, containers, colunas e densidade
08 Iconografia
Anatomia técnica, tamanhos semânticos e governança