Fundamentos
Marca · Logo
O Waypoint
O símbolo da ATLVS é um waypoint uma estrela de navegação de oito pontas com um vazio central, todo o sistema de navegação esculpido em um único glifo geométrico. Registro neutro de SaaS, recolorido conforme o produto. Distingue-se da caveira cósmica do navio-fantasma da GHXSTSHIP, que é exclusiva da marca da empresa-mãe.
O ladrilho carrega o acento do produto; a estrela permanece branca (ou tinta sobre fundos claros). O logotipo é sempre em caixa alta espaçada e sem quebra de linha: nunca em minúsculas, nunca sem espaçamento, exceto em URLs e IDs.
| Especificação do logotipo | Configuração |
|---|---|
| Fonte | Jost Geométrica, apenas para a composição do logo. Títulos usam Anton; corpo e UI usam Hanken Grotesk. |
| O A | Um ápice nu, sem travessão, o V invertido. A e V se leem como formas espelhadas. |
| Configuração | Caixa alta espaçada, sem quebra de linha. Na composição completa, TECHNOLOGIES tem o espaçamento entre letras ajustado à largura exata de ATLVS. |
| Subtítulo | Somente ATLVS carrega TECHNOLOGIES. Compass, Gateway e Legend aparecem sozinhos. |
Um símbolo, quatro acentos
Cada produto é o mesmo waypoint sobre seu próprio ladrilho de acento: instantaneamente uma família, instantaneamente distinto.
Produtor / Interno
Equipe / Fornecedor / Talento
Convidado / Cliente
Conhecimento / Aprendizagem
Neutro / Suíte
Área de respiro e uso
Mantenha a margem igual à metade da altura do símbolo em todos os lados.
- Recolorir o ladrilho com o acento do produto; manter a estrela branca (ou tinta sobre claro).
- Manter a área de respiro = ½ da altura do símbolo.
- Usar o símbolo puro em ≤16px; o ícone com ladrilho em ≥32px.
- Combinar com o logotipo espaçado A T L V S , sem quebra de linha.
- Recolorir ou aplicar gradiente na própria estrela; só o ladrilho carrega cor.
- Girar, esticar ou adicionar o meio-tom cósmico ou a caveira.
- Compor o logotipo sem espaçamento ou em minúsculas.
- Colocar o símbolo puro sobre uma foto carregada sem o ladrilho sólido.
Fundamentos · Cor
Cor
As superfícies neutras fazem o trabalho; um acento por produto carrega a identidade. Cada valor resolve a partir do namespace --p-* e se reajusta por modo para contraste AA.
Fundamentos · Tipo
Tipografia
Monument. Títulos e métricas são compostos em Anton, uma fonte display ultracondensada em caixa alta Um único peso black que dá ao produto presença em escala de cartaz. Corpo e UI permanecem em Hanken Grotesk para que tabelas e formulários se leiam de forma limpa; Space Mono é o vernáculo de eyebrow e coordenadas (IDs, códigos, rótulos); e Jost é exclusivo da composição construída do logotipo. Títulos display são em CAIXA ALTA (Anton é uma fonte caixa alta); corpo e rótulos permanecem em Title Case / caixa de sentença.
Três formas autorizadas de aplicar o título largo. Use a certa para o contexto; nunca misture mais de uma por tela.
Barra de acento + kicker em mono ativo. O padrão para o chrome do app e cabeçalhos de página.
Uma palavra recebe o acento do produto: os títulos se autodefinem. Capas, marketing, splash.
Algarismos tabulares em 900 / expandido. Painéis e relatórios.
Fundamentos · Espaço
Espaçamento
Uma grade base de 4px. A densidade altera o ritmo de controles e linhas: os mesmos tokens se compactam sob data-density="compact".
Fundamentos · Raio
Raios
Suaves, amigáveis a ferramentas de produtividade, nunca afiados como pop-art. Pílulas apenas para chips e toggles.
Fundamentos · Elevação
Elevação
Uma escala fria e enxuta de três degraus: repouso → hover → popover e modal. As sombras permanecem sutis no claro e se apoiam em bordas no escuro.
Fundamentos · Movimento
Movimento
Rápido e sem firulas. Uma única curva de easing, durações curtas e uma regra rígida: nunca anime a transição de um token de background em uma troca de tema: recolora instantaneamente e anime filter ou opacity no lugar.
| Token | Valor | Uso |
|---|---|---|
--p-ease | 140ms cubic-bezier(.2,.7,.2,1) | Hover, clique, microinterações |
| Elevação no hover | translateY(-2px) + elev-2 | Cards, blocos de estatística |
| Brilho de esqueleto | 1.4s ease, infinito | Placeholders de carregamento (respeita reduced-motion) |
| Spinner | 0.7s linear | Ações em andamento |
Fundamentos · Ícones
Iconografia
Phosphor Icons: Bold para a interface, Fill para selos de status e ênfase. Alinhe com o texto de 16 a 20px; ações isoladas a 24px. Cor única, herdando currentColor.