SEED Design System v2 · fonte de verdade
Um sistema, todo o material da SEED.
Tokens, componentes, telas, peças físicas e a camada de máquina que fazem o SIGA, o site, os apps e os impressos da SEED engenharia saírem de uma única fonte — legível por pessoas e por agentes de IA.
HUB de soluções em engenharia elétrica desde 2016. Atendendo Espírito Santo, Minas Gerais e Bahia com excelência técnica e foco no cliente.texto institucional oficial — sobreaseed.md §12, versão curta, byte a byte
O que é este design system — para quem nunca ouviu falar
Um design system é o manual vivo, e executável, de como a SEED aparece e se comporta. Cores, letras, botões, telas, peças impressas, o jeito de escrever: tudo definido uma vez, com nome e regra, e usado em tudo que a empresa produz — o SIGA, o site, os aplicativos, as propostas, as placas de obra, o uniforme, as redes sociais.
Para que serve: para que tudo isso pareça e funcione como uma só empresa, e para que qualquer pessoa ou ferramenta — inclusive uma inteligência artificial — produza material certo sem adivinhar. Em vez de "o azul é mais ou menos esse", existe um token com nome e valor; em vez de "o botão fica parecido", existe uma bancada onde ele já está pronto e testado; em vez de refazer a placa de obra a cada obra, existe a spec e o template aprovados.
Como funciona: a fonte de verdade são onze arquivos de texto (os canônicos), decididos um a um em gate pelo decisor. Deste texto os geradores derivam o resto — o CSS, o catálogo instalável, as peças, e este próprio site. Por isso nada aqui é desenhado à mão: se está no site, veio do canon; se mudar o canon, o site muda. E cada página existe também em Markdown, para agentes de IA lerem inteiro.
Quem usa o quê
| quem | o que usa | onde |
|---|---|---|
| Quem desenha ou desenvolve telas (SIGA, site, apps) | os tokens como variáveis de CSS, os componentes com estados e contratos, as telas compostas como gabarito, o catálogo instalável do shadcn | tokens · componentes · telas · registry |
| Quem produz peças (propostas, placas, uniforme, frota, papelaria, redes) | a spec de cada peça, o render aprovado, o template de onde a peça sai e a lista de restrições para a gráfica | peças · marca |
| Quem escreve (interface, e-mail, propostas, redes) | a grafia da marca, o tom de voz, a linguagem editorial e a microcópia de interface; o sistema de e-mail | conteúdo e voz · e-mail |
| Quem cuida de acessibilidade e qualidade | os critérios WCAG citados no canon, os 7 testes de todo componente, os contratos de bancada e de página | acessibilidade |
| Quem decide | o estado do projeto, as fases, cada versão de cada canônico com o porquê | atualizações · roadmap |
| Agentes de IA e integrações | o índice para agentes, os canônicos fatiados por seção, os tokens em Markdown, o registry, o feed | llms.txt · fatias · tokens.md · feed |
O que há aqui
Cores, tipografia, espaço, raio e tempo — a camada semântica que o código consome; a paleta em rampas, com as âncoras.
ComponentesDo botão ao editor de texto rico: estados, contratos e a bancada operante dentro da página.
TelasGabaritos compostos: shell, lista, tabela, painel, detalhe, chat, quadro, gantt…
PeçasPapelaria, campo, frota, uniforme, sinalização e digital — a spec, o render e o template.
Conteúdo e vozGrafia da marca, tom de voz, linguagem editorial, a voz falada da marca e microcópia de interface.
AcessibilidadeOs critérios WCAG que o canon cita, os 7 testes e os contratos de bancada e página.
AtualizaçõesToda versão de todo canônico, em ordem de data — derivada dos changelogs, nunca escrita.
CanônicosOs arquivos inteiros e fatiados por seção, com procedência e MD5.
Estado do projeto — derivado do roadmap v2.168
Canônicos e versões
| arquivo | o que governa | versão | seções | |
|---|---|---|---|---|
| Componentes | componentes, telas, shell, página institucional, painel | v2.00 | 184 | .md inteiro |
| Marca SEED | identidade visual, grafismo, camada física (33 specs de peça) | v5.64 | 22 | .md inteiro |
| Roadmap | as fases do projeto e o log | v2.168 | 19 | .md inteiro |
| Boas práticas | orientações de mercado, datadas — não são regra de marca (precedência no cabeçalho) | v1.13 | 25 | .md inteiro |
| Mapa de cobertura | arquétipos, blocos, componentes e visualizações previstos | v2.32 | 24 | .md inteiro |
| Dataviz | gráficos, monitoramento, impresso e mapas | v0.22 | 12 | .md inteiro |
| Tokens | os tokens e as decisões de cada camada | v1.40 | 23 | .md inteiro |
| Composição | as leis de composição CP1–CP32 | v2.6 | 19 | .md inteiro |
| o sistema de e-mail | v0.13 | 17 | .md inteiro | |
| Sobre a SEED | os fatos institucionais — a única fonte | 2026-10-21 | 15 | .md inteiro |
| Plano de produção | as três ondas de produção das peças | v1.0 | 12 | .md inteiro |
| Inventário de peças | o levantamento das peças da empresa | v1.0 | 13 | .md inteiro |