Tokens
Os design tokens são variáveis básicas que são usadas para manter a consistência em um sistema de design. No Nimbus, referem-se às cores, tipografias, espaçamentos e outras propriedades básicas de design. Os tokens são usados para garantir uma aparência e sensação uniformes em todos os componentes e aplicações.
Color
Os tokens de cor são compostos por 5 categorias de cor: Primary, Success, Warning, Danger e Neutral. Cada uma dessas categorias possui uma paleta ampliada de 12 tons, onde 8 deles têm usos atrelados a funções definidas.
Leia a documentaçãoTypography
O sistema de tipografía do Nimbus é composto de 3 categorias, tamanhos de fonte, pesos e altura de linha. Além disso, disponibilizamos um token com o font-stack utilizado.
Leia a documentaçãoBreakpoint
O Nimbus possui breakpoints definidos para que as interfaces construídas com ele se adaptem de forma responsiva, proporcionando uma experiência adequada em diferentes tamanhos de tela.
Leia a documentaçãoShadow
Os tokens de sombra do Nimbus se baseiam em níveis de distância do background, cada um deles está vinculado a um conjunto de propriedades diferentes para evidenciar essa característica.
Leia a documentaçãoShape
Os shapes do Nimbus se baseiam em múltiplos de 4px, gerando escalas de radius que podem variar de acordo com a necessidade da interface.
Leia a documentaçãoSpacing
Os espaçamentos do Nimbus se baseiam em um grid de 4px, gerando escalas de espaçamento que podem variar de acordo com a necessidade de cada interface, essas escalas usam a unidade de medida rem que dentro do nosso systema equivalem a 16px.
Leia a documentaçãozIndex
O Nimbus possui valores de z-index pré-definidos para facilitar a organização no empilhamento de elementos na tela, evitando assim a sobreposição de componentes.
Leia a documentação