Design system do grupo
O specimen vivo: 97 tokens em três camadas, cerca de 150 componentes com todos os estados, e o contraste medido peça por peça.
O que você faz nele
Os cinco eixos
Modo, densidade, marca, contraste e movimento são eixos de tema, não cinco folhas de estilo. Trocar um no topo repinta cada peça abaixo em tempo real — é assim que se descobre, em um clique, que um componente só ficava legível no tema que o autor usava.
A página tem uma seção sobre IA e chat — os componentes de conversa, com seus estados — mas não chama modelo nenhum para se desenhar. Um catálogo de referência que gera a própria peça deixa de ser referência: passa a ser mais uma fonte de variação.
O specimen inteiro é um HTML só: abre no celular, abre sem rede depois da primeira carga e não pede build, node nem servidor de documentação. Quem precisa conferir um estado de botão às onze da noite consegue.
Onze dos doze pares de contraste passam — e o décimo segundo está lá, visível, em vez de removido da página. Um design system que só mostra o que deu certo vira folheto; o valor está justamente em saber qual combinação não se deve usar.
Os tokens seguem o padrão DTCG em três camadas, e a regra é dura: cor primitiva nunca é consumida por componente. Sem essa disciplina, trocar a marca vira caça a hexadecimal espalhado — que é exatamente o trabalho que um design system existe para não precisar ser feito.
Design system
Estes tokens foram lidos do sistema que está no ar, não escolhidos para ficar bonito aqui. O que você vê nesta página é o que encontra quando abre o produto.
GPlanSiS|SDesign
Idioma da interface hoje: PT. Tipografia: a pilha do próprio produto, espelhada aqui.
Próximo passo
Não pede instalação, não pede cartão e não pede reunião. Se preferir falar com gente antes, o formulário ao lado chega direto em quem atende.