Pular para o conteúdo
Manual de Identidade Visual

Marca Codemeia

Diretrizes de identidade visual, tom de voz e componentes da fábrica de código com júri de IA.

Nome

check_circle Certo Padrão obrigatório
Codemeia em texto corrido
codemeia no logotipo
cancel Evite Uso incorreto
CodeMeia
CodeMeIA
Code Meia
Codeméia

O nome junta code e colmeia. O ia no fim é de propósito.

Cores

grafite #13110D
fundo contínuo de trabalho
favo #1C1914
superfícies e cartões base
favo-2 #25211A
superfície elevada e botões secundários
linha #312B22
bordas e divisores estruturais 1px
tinta #F5F1E8
tipografia e ícones de alto contraste
mel #F2B441
ação primária, foco e Claude Code
mel profundo #A8740F
logo em fundo claro e motor Gemini
sálvia #93C89E
aprovado, sucesso e ativo
cera #FFE9B8
aguardando você e decisões humanas
céu #8FB8FF
concluído, links e motor Codex
papoula #E08A80
falhas de build e testes reprovados

Estados

Hexágonos ponta-acima (84×96px) codificam o progresso em tempo real das etapas de síntese e júri:
1
concluído
2
em andamento
3
aguardando você
4
falha
5
parado
Motores do Júri:
Claude Code
Codex
Gemini

Tipografia

Títulos e números

Sora

Geometria humanista com terminações mecânicas.

Aa Bb Cc Dd 1234
64px 56px 40px 28px
Texto e controles

Inter

Alta legibilidade de leitura contínua e rótulos.

O modelo propõe refatorações atômicas com verificação estática.
20px 16px 14px
Ids, modelos e logs

Fira Code

Identificadores, hashes, payloads e terminais.

task 1a1ae90d · gpt-6-astra
13px 12px
Escala Completa de Tokens
64display
40headline-lg
28headline-md
20headline-sm
18body-lg
16body-md
14body-sm
13label-md
12code-sm

Hexágono

30h 26w
Proporção áurea de encaixe ponta-acima (26:30)
Matriz de Encaixe

O espaçamento padrão entre favos vizinhos é rigorosamente fixado em 4px, com deslocamento horizontal de meio módulo para acomodação modular do júri.

Tamanhos Padronizados
mini 14 × 16 px balas e listas
avatar 40 × 46 px agentes e bots
estação 84 × 96 px etapas do fluxo
motor 108 × 124 px júri e veredito
info Regra de ouro: O hexágono mostra etapa e estado. Nunca é enfeite.

Componentes

Botões (44px)
Campos e Controles Ativos
Notificações Suspensas (Toasts)
Salvo.
Aguardando você.
Não deu para salvar.

Voz

check_circle Escreva (direto, na segunda pessoa)
cancel Evite (vago, passivo ou corporativo)
Aprovar merge
Submit
Aguardando você
Pendente de ação do usuário
O login do Claude venceu. Entre de novo e clique em Reprocessar.
Ops! Algo deu errado
Nenhuma demanda ainda. Descreva a primeira.
Nada por aqui...
Entrar na lista de espera
Saiba mais