Onblide Design System

O design system da Onblide reúne tudo o que é preciso para construir interfaces consistentes: uma biblioteca de 56 componentes React (@onblide/ui), as fundações visuais (cores, tipografia, espaçamento, raios, sombras) e as diretrizes de voz, ícones e uso.

Por onde começar

• Instalação: como adicionar o pacote ao seu projeto.
• Uso: importar componentes, carregar estilos e alternar o tema.
• Fundações: os tokens que definem a aparência de tudo.
• Componentes: agrupados por categoria na barra lateral, cada um com demo interativa, propriedades, exemplos e guias.

Princípios

• Sólido, sem ruído. Cores chapadas, sem gradientes na interface; o azul da marca é o ponto de atenção.
• Suave nos cantos. Raios de 8 a 12 px são o registro padrão.
• Conversacional. Português do Brasil, frases curtas, sem emoji.
• Um só sistema de ícones. Phosphor, sempre pelo registro Icons.