Componentes

Biblioteca em execução

Trinta componentes lendo os mesmos cinco tokens.

Nada aqui tem cor, raio ou espaçamento escrito dentro. Mude um valor na barra abaixo e a biblioteca inteira se reescreve — é o mesmo contrato que Getúlio implanta no seu produto.

Cor
Raio
Densidade
Tipo
Tema

brand.interactive #0f62feradius.base 0pxdensity 1.00

01 · Ação

Um botão, cinco variantes. Nenhuma delas conhece o hex da marca.

02 · Entrada

Foco, erro e ajuda são estados nomeados, não improviso de tela.

Marcado Vazio Rádio ativo

03 · Sinalização

Sucesso, atenção e erro ficam fora da paleta de marca — de propósito.

Marca Neutro Publicado Em revisão Depreciado

Aviso do sistemaTrinta e um componentes herdaram esta decisão. Nenhum arquivo foi editado à mão.

Adoção da biblioteca78%

04 · Dado denso

Onde densidade deixa de ser estética e passa a ser operação.

Token Camada Consumo Estado
brand.interactiveSemântica31 componentesAtivo
radius.basePrimitiva24 componentesAtivo
space.densityPrimitivaLayout globalEm revisão
color.blue.600Bruta0 componentesUso direto proibido

05 · Composição

Cartão, aba e barra: componentes feitos de componentes, sem exceção nova.

Diagnóstico

Raipp Score

Impacto, Experiência e Criticidade em uma nota de 0 a 10, com a lista do que dói primeiro.

5.2média atual
Tokens Componentes Regras

Três camadas: bruta, semântica e de componente. O produto só consome a segunda.

bruta → semântica → componente
Inverso

O mesmo token, no escuro

Tema não é uma segunda biblioteca. É a mesma, lida com outro valor por trás do nome.

Solicitar diagnóstico

Você acabou de reconfigurar uma biblioteca inteira em cinco cliques. É esse o resultado que Getúlio instala no seu produto.

Solicitar diagnóstico gratuito