Marca
A versão padrão, e a que funciona em tamanho pequeno.
Marca
A marca e seu reflexo
Cada modelo é um planeta. A Antimatter é o motor. É assim que ela é desenhada: a marca, o nome, as cores e a tipografia, com os arquivos para usá-los.
A marca
Um anel e seu reflexo através de um horizonte. A matéria acima da linha, a antimatéria abaixo, no espectro de identidade, parando um pouco antes da linha, como um reflexo.
O nome ao lado
A marca com uma vez e meia o tamanho do texto, o nome em Space Grotesk Medium, com pouco espaço: a ponta do horizonte, que some aos poucos, preenche o vão entre os dois.
Logotipo
A marca ao lado do nome curto, para a maioria dos usos.
Logotipo formal
Com o nome completo, Antimatter Compute, para lugares legais e formais.
Logotipo empilhado
O nome abaixo da marca, para espaços quadrados.
Logotipo de texto
O nome sozinho, quando a marca já está por perto.
O nome
- Antimatter Compute
- O nome completo do produto: lugares legais e formais, lojas de apps e a primeira menção em textos longos.
- Antimatter
- Em todo o resto: a interface, os títulos, a marca, a conversa.
Sempre com inicial maiúscula. Nunca numa palavra só, nunca como domínio, nunca em maiúsculas como nome no meio do texto, nunca abreviado como AM.
Cor
O site é só escuro. Tinta sobre o vazio, um destaque para o que pode ser tocado e o espectro de identidade para o reflexo, uma frase num título e o salto.
O fundo e a tinta
Vazio
#020205
Um fundo, não para texto
Superfície
#08080f
Um fundo, não para texto
Véu
#0e0e18
Um fundo, não para texto
Linha
#16161f
Um fundo, não para texto
Tênue
#5f5f74
3,3:1 sobre o vazio
Apagado
#78788f
4,8:1 sobre o vazio
Tinta suave
#b9b9cc
10,7:1 sobre o vazio
Tinta
#d6d6e4
14,4:1 sobre o vazio
Destaque
#6b4dff
4,0:1 sobre o vazio
Destaque pressionado
#4636e6
2,8:1 sobre o vazio
O espectro de identidade
Sempre nesta ordem, o azul primeiro. O branco é um único ponto de luz, nunca um preenchimento, uma superfície ou uma cor de texto.
Azul elétrico
#2e7bff
5,3:1 sobre o vazio
Violeta
#9b4dff
4,8:1 sobre o vazio
Magenta intenso
#ee38a8
5,6:1 sobre o vazio
Branco de aniquilação
#f7f4ff
19,0:1 sobre o vazio
Sobre papel branco
Só para a versão clara da marca, no papel e em páginas brancas de terceiros. O site em si nunca é claro.
Tinta sobre branco
#14141c
18,3:1 sobre branco
Azul sobre branco
#1f66e5
5,1:1 sobre branco
Violeta sobre branco
#8434f0
5,6:1 sobre branco
Magenta sobre branco
#d81e8f
4,6:1 sobre branco
Tipografia
Space Grotesk
Cada modelo é um planeta.
Títulos: cabeçalhos, o logotipo de texto, os números que importam. Espaçamento -0.02em.
Inter
Uma chave para cada modelo do catálogo, pelo preço do provedor mais uma margem declarada.
Texto: tudo o que é lido.
ui-monospace
openai/gpt-4.1
x-antimatter-cost-microsDados: ids de modelos, chaves, preços, cabeçalhos HTTP.
As duas fontes são livres sob a SIL Open Font License: Space Grotesk e Inter no Google Fonts.
Use bem
Faça
Deixe um espaço livre da espessura do aro em todos os lados, cerca de um sétimo da largura do anel.
- 18 px
16 pxDesenhe a marca com 18 pixels ou mais. Abaixo disso, use o ícone do app, feito para 16.
Sobre branco, use a versão clara: um aro escuro, o espectro mais escuro e um horizonte sólido.
Não faça
Girar, inclinar ou espelhar. Ela é um reflexo sobre uma linha nivelada.
Trocar as cores. Tinta acima da linha, o espectro abaixo, o azul à esquerda.
Contornar, sombrear ou fazer brilhar. O único ponto da versão principal é a única luz que ela leva.
E nunca feche o vão sob o horizonte nem desenhe o reflexo como um anel inteiro: sem o vão, é um anel de duas cores, não um reflexo.
Arquivos
Todo arquivo vem do kit de marca guardado junto com o código. Os vetores trazem as letras como formas, então não precisam de nenhuma fonte.
