Ir ao conteúdo
SEED engenharia

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ê

quemo que usaonde
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 shadcntokens · 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áficapeç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-mailconteúdo e voz · e-mail
Quem cuida de acessibilidade e qualidadeos critérios WCAG citados no canon, os 7 testes de todo componente, os contratos de bancada e de páginaacessibilidade
Quem decideo estado do projeto, as fases, cada versão de cada canônico com o porquêatualizações · roadmap
Agentes de IA e integraçõeso índice para agentes, os canônicos fatiados por seção, os tokens em Markdown, o registry, o feedllms.txt · fatias · tokens.md · feed

O que há aqui

Tokens

Cores, tipografia, espaço, raio e tempo — a camada semântica que o código consome; a paleta em rampas, com as âncoras.

362 tokens · v1.40
Componentes

Do botão ao editor de texto rico: estados, contratos e a bancada operante dentro da página.

73 seções · 24 bancadas
Telas

Gabaritos compostos: shell, lista, tabela, painel, detalhe, chat, quadro, gantt…

25 telas
Peças

Papelaria, campo, frota, uniforme, sinalização e digital — a spec, o render e o template.

34 specs · §12 da marca
Conteúdo e voz

Grafia da marca, tom de voz, linguagem editorial, a voz falada da marca e microcópia de interface.

trechos do canon, com procedência
Acessibilidade

Os critérios WCAG que o canon cita, os 7 testes e os contratos de bancada e página.

WCAG 2.2 AA é o piso
Atualizações

Toda versão de todo canônico, em ordem de data — derivada dos changelogs, nunca escrita.

12 canônicos · feed Atom
Canônicos

Os arquivos inteiros e fatiados por seção, com procedência e MD5.

12 arquivos · 385 seções

Estado do projeto — derivado do roadmap v2.168

F1Tokensfechada
F2Marca v5.0fechada
F3Componentes corefechada
F4Sistema de e-mailfechada
F5Data visualizationfechada
F6Patterns de produto e marketingfechada
F7COBERTURAfechada
F8Aplicaçõesfechada
F9Publicação e camada de IA/GEOfechada
F10Material: vidro e metalfechada
F11Consumo do DS por agentes, de dentro de um projeto consumidorfechada
F12A skill em uso real: adequar o que já existefechada
Seções de componente com bancada ou tela que as cita73 de 73

Canônicos e versões

arquivoo que governaversãoseções
Componentescomponentes, telas, shell, página institucional, painelv2.00184.md inteiro
Marca SEEDidentidade visual, grafismo, camada física (33 specs de peça)v5.6422.md inteiro
Roadmapas fases do projeto e o logv2.16819.md inteiro
Boas práticasorientações de mercado, datadas — não são regra de marca (precedência no cabeçalho)v1.1325.md inteiro
Mapa de coberturaarquétipos, blocos, componentes e visualizações previstosv2.3224.md inteiro
Datavizgráficos, monitoramento, impresso e mapasv0.2212.md inteiro
Tokensos tokens e as decisões de cada camadav1.4023.md inteiro
Composiçãoas leis de composição CP1–CP32v2.619.md inteiro
E-mailo sistema de e-mailv0.1317.md inteiro
Sobre a SEEDos fatos institucionais — a única fonte2026-10-2115.md inteiro
Plano de produçãoas três ondas de produção das peçasv1.012.md inteiro
Inventário de peçaso levantamento das peças da empresav1.013.md inteiro
Esc