Estilos

Estilos

Tokens semantic, cores, tipografia, ícones, espaçamento, radius e efeitos. Os átomos visuais do Sinapse Design System.

Visual

Tokens

Reference semantic shadcn (light + dark)

arrow_forward palette

Cores

Paleta OKLCH em 3 camadas

arrow_forward text_fields

Tipografia

Open Sans + escala Tailwind

arrow_forward emoji_symbols

Ícones

Material Symbols Outlined

Espaço

Espaçamento

Escala 4pt

arrow_forward rounded_corner

Radius

Cantos arredondados

arrow_forward blur_on

Efeitos

Sombras e blur