Diretrizes de marca
Disciplina de nomenclatura da marca Apothem, variantes do logotipo, paleta de cores e diretrizes de ativos para uma aplicação de marca consistente.
O Apothem usa uma disciplina de marca de duas formas:
| Forma | Uso | Exemplos |
|---|---|---|
| Apothem | Forma de exibição -- toda a prosa, os títulos, a interface, a documentação | Apothem vX.Y.Z, Install Apothem |
| apothem | Forma de identificador -- comandos da CLI, nomes de pacote, caminhos de arquivo | npx @ahmed-g-gad/apothem, apothem install |
Nunca use: ApoThem (camel case), Apo-them (com hífen), APOTHEM (tudo em maiúsculas) ou apothem em minúsculas na prosa. Apothem é a única forma de exibição.
Slogan
one profile, every harness
O slogan é escrito em minúsculas, exatamente como os travamentos do logotipo de texto e os cartões sociais o trazem.
Logotipo
A marca Apothem é um hexágono regular de topo plano com seis apótemas que se
abrem em leque a partir de um centro compartilhado até o ponto médio de cada
aresta, um círculo inscrito que passa por esses seis pontos médios e um nó de
origem no centro. O apótema até a aresta superior é emerald e os outros cinco são
slate; a geometria está especificada em
assets/DESIGN-SYSTEM.md.
As variantes clara e escura estão disponíveis em assets/logo.svg e
assets/logo-dark.svg. Os travamentos horizontais ficam em
assets/logo-wordmark.svg e assets/logo-wordmark-dark.svg.
O favicon do navegador usa deliberadamente o monograma compacto
assets/favicon.svg em vez da marca completa; a 16px o monograma é
mais nítido nas abas do navegador e nas superfícies fixadas.
Veja Uso do logotipo para os usos permitidos e os requisitos de espaço livre.
Paleta
Veja Paleta para a especificação completa de cores.
Cores dos harnesses
Veja Cores dos harnesses para a tabela de cores de marca por harness usada nos diagramas mermaid, nas páginas de harnesses e nos indicadores de status dos adaptadores.
Justificativa da paleta de ativos
Os nós periféricos da marca Apothem são geometria decorativa — eles evocam a arquitetura de hub e raios sem codificar o número de harnesses, de modo que a marca permanece estável à medida que adaptadores são adicionados. As atribuições de cor da paleta de harnesses ficam em Cores dos harnesses; a postura de acessibilidade e as regras de propagação por superfície estão documentadas nessa página.
Reconstrução de ativos
Veja Receita de reconstrução para as instruções de regeneração de ativos rasterizados a partir dos SVGs mestres.
Código de conduta
Código de conduta da comunidade do Apothem.
Paleta de marca
Cores de marca centrais do Apothem e as quinze cores de marca dos harnesses, que são definidas na página Cores dos harnesses. Os tokens de design canônicos em assets/design-tokens.css são a única fonte da verdade para as cores centrais; o site espelha esses valores.