# Atlas — Brand Book Vértice

**Versão 1.0 · 10 de setembro de 2026 · Identidade aprovada**

Este livro define a identidade Atlas a partir da direção **Vértice**, aprovada pelo responsável pelo produto. Substitui a etapa de comparação entre Vértice, Órbita e Nexo: Vértice passa a ser a única assinatura principal. O [Design Guide](../ATLAS-DESIGN-GUIDE.md) complementa este documento com componentes, geografia e comportamento da interface. Quando sua redação ainda tratar a marca como proposta, prevalece esta aprovação.

## 1. Essência da marca

**Presença inteligente, visível no mundo.** Atlas torna concreta uma ideia que costuma parecer abstrata: um superagente de inteligência artificial atendendo um cliente em uma cidade real. O planeta oferece contexto; o agente oferece identidade; a informação explica seu trabalho.

O nome evoca orientação, alcance e conhecimento organizado. Vértice acrescenta direção e precisão: duas hastes convergem para um ápice separado, sugerindo um ponto de encontro entre capacidade tecnológica e intenção humana. É uma interpretação da marca, sem alegar origem histórica ou exclusividade jurídica do nome.

**Promessa verbal:** “Seus superagentes. Presentes no mundo.” A frase é uma assinatura de apresentação, opcional. Não deve acompanhar a logo em tamanhos pequenos nem substituir uma explicação clara do produto.

**Personalidade:** visionária na imagem, precisa na informação, acolhedora na conversa e segura na operação. O encantamento nasce de uma composição bem resolvida e de respostas consistentes. Aparência cinematográfica não autoriza métricas inventadas, disponibilidade presumida ou estados de operação fictícios.

O público inclui quem apresenta soluções de IA, clientes avaliando uma implantação e equipes que organizam sua rede de agentes. Cada pessoa deve entender primeiro quem é o agente, onde está o cliente e o que ele faz. Termos internos e detalhes técnicos aparecem quando ajudam uma decisão.

## 2. Arquitetura da assinatura

### Emblema

O emblema Vértice reúne **duas hastes facetadas, espaço central aberto e um losango destacado no ápice**. Suas pontas, assimetria óptica de espessuras e separação superior precisam sobreviver à reprodução. Não unir o losango às hastes, acrescentar travessa ou desenhar novamente o símbolo usando caracteres de uma fonte.

O arquivo vetorial mestre determina a geometria. A imagem conceitual aprovada orienta sua construção; texturas luminosas da imagem não fazem parte do contorno. Ajustes ópticos para produção devem preservar a silhueta reconhecível e ser aplicados de maneira uniforme a todas as variantes.

### Emblema com Atlas

A assinatura principal é horizontal: emblema à esquerda, palavra **ATLAS** à direita. O lettering possui espaçamento amplo, dois As abertos e desenho próprio. Space Grotesk é a tipografia do sistema, mas não substitui esse lettering. Distribuir a assinatura convertida em curvas para impedir substituições de fonte.

Usar o conjunto completo em cabeçalhos, abertura de apresentações, documentos comerciais e peças que apresentam a marca pela primeira vez. Usar o emblema isolado em favicon, avatar institucional, selo discreto, bordado e situações nas quais Atlas já esteja identificado. Um pino de agente continua exibindo seu retrato; não trocar todos os rostos pelo emblema institucional.

O wordmark isolado é uma variante secundária para espaços estreitos e aplicações editoriais. Não criar uma composição vertical automaticamente: qualquer versão empilhada deve ser um arquivo próprio, com proporção validada, evitando que ferramentas improvisem sua disposição.

## 3. Área de proteção e redução

Adotar **H** como altura total do emblema, do ápice à ponta inferior. A área livre mínima ao redor da assinatura completa ou do emblema isolado é **H/4**, medida a partir dos limites visíveis. Nenhum texto, borda de cartão ou marca parceira entra nessa área. Sombras ambientais podem ultrapassá-la sem ocupar a leitura.

Para conteúdos de apresentação, preferir folga de **H/2**. A área de proteção é um mínimo de coexistência; não obriga a aproximar elementos até esse limite. Não alterar o espaço interno entre emblema e wordmark: ele pertence ao arquivo mestre.

| Aplicação | Mínimo operacional inicial |
|---|---|
| Emblema digital padrão | 24 px de altura |
| Assinatura horizontal digital | 160 px de largura |
| Emblema impresso | 8 mm de altura |
| Assinatura horizontal impressa | 40 mm de largura |
| Favicon | Arquivo dedicado, conferir em 16 e 32 px |

Esses limites são critérios de produção e devem ser conferidos em tamanho real. No favicon, uma correção óptica dedicada pode ampliar intervalos sem mudar a identidade. Se o losango desaparecer, aumentar o tamanho ou usar o arquivo específico. Bordado, recorte e gravação dependem do fornecedor; uma amostra física decide a espessura viável.

## 4. Versões cromáticas

**Preferencial escura:** assinatura em Branco Polar sobre Universo. **Preferencial clara:** assinatura em Universo sobre Branco Polar ou branco. **Monocromia:** uma única tinta, branca ou escura, sem gradiente, transparência, sombra ou brilho. A versão invertida é a assinatura clara para fundos escuros; não é um filtro automático sobre uma imagem.

Em fotografia, escolher uma região de pouca informação ou criar uma área estável para a marca. Emblema luminoso, vidro e metal são tratamentos de aplicação, nunca a única versão disponível. O símbolo deve continuar reconhecível num documento simples, numa gravação e numa impressão em uma cor.

| Nome / token | HEX · RGB | Uso |
|---|---|---|
| Universo · `background` | `#030B14` · 3, 11, 20 | Fundo institucional |
| Profundidade · `reading` | `#091522` · 9, 21, 34 | Leitura, campos e relatórios |
| Branco Polar · `text-primary` | `#F1F7FC` · 241, 247, 252 | Marca e texto principal |
| Névoa · `text-secondary` | `#ACC1D0` · 172, 193, 208 | Informação secundária |
| Gelo · `ice` | `#8BD8FF` · 139, 216, 255 | Foco, seleção e luz |
| Champanhe · `champagne` | `#EAC687` · 234, 198, 135 | Assinatura de ação |
| Confirmação · `success` | `#8DE3BF` · 141, 227, 191 | Resultado positivo |
| Correção · `error` | `#FF9CA8` · 255, 156, 168 | Falha e orientação |

Os valores são **sRGB para tela**. Não há equivalência Pantone homologada nem CMYK universal. Para impressão, converter usando o perfil ICC solicitado pela gráfica e conferir prova no papel escolhido. Tinta metálica, hot stamping e verniz localizado exigem separações e amostras próprias; um gradiente RGB não garante esse acabamento.

O fundo escuro deve dominar a interface imersiva. Gelo organiza atenção; Champanhe destaca uma ação principal. Cores de estado têm função, sem competir como decoração. Em páginas documentais e impressão, a versão clara é legítima e preserva a mesma hierarquia.

## 5. Tipografia e composição

**Space Grotesk** compõe títulos, números de destaque e chamadas. **Manrope** compõe parágrafos, campos, navegação e botões. Usar arquivos licenciados das famílias e incluir suas licenças no pacote de distribuição correspondente. O lettering da marca permanece um desenho independente.

| Função | Tamanho / entrelinha | Peso |
|---|---|---|
| Abertura | 40–56 px / 1,08 | 500 |
| Seção | 28–32 px / 1,15 | 500 |
| Nome do agente | 24–28 px / 1,15 | 500 |
| Corpo e campos | 16 px / 1,5 | 400–500 |
| Botão e label | 14 px / 1,4 | 500–600 |
| Metadado auxiliar | 12 px / 1,4 | 500 |

Informação essencial não desce de 14 px para acomodar efeitos. Caixa alta e espaçamento expandido pertencem a rótulos curtos. Parágrafos usam caixa normal; números comparáveis usam algarismos tabulares. Evitar títulos longos de peso muito fino.

A escala espacial é **4, 8, 12, 16, 24, 32, 48 e 64 px**. Painéis recebem 24 px de respiro no desktop e 20 px no telefone. O alinhamento editorial deve permanecer evidente mesmo quando a moldura possui perspectiva. Raios: 12 px para detalhes, 16 para campos, 20 para grupos, 28 para painéis e cápsula para ações.

## 6. Iconografia, retratos e superagente

Ícones funcionais usam uma família consistente, partindo de 20 px e espessura visual equivalente. Mac mini e VPS devem ser reconhecíveis, acompanhados de nomes quando necessário. Emojis podem enriquecer conteúdo informal, mas não substituem o conjunto institucional nem são o único indicador de estado.

O **superagente Atlas** é o anfitrião visual do sistema: humanoide sintético, elegante, sem aparência de uma pessoa real. O rosto pode ser uma superfície óptica abstrata, com iluminação Gelo e um detalhe Champanhe. O uniforme combina tecido técnico escuro com pequenos elementos translúcidos. Aplicar Vértice uma vez no peito e, quando útil, uma assinatura secundária discreta no ombro.

O retrato principal mostra cabeça e parte do torso, preferencialmente em proporção 4:5. Reservar área tranquila ao redor da cabeça para recortes em pinos, cards e avatares. Evitar armaduras agressivas, armas, excesso de circuitos decorativos e expressões ameaçadoras. O anfitrião deve convidar à interação.

Retratos de agentes podem variar, mas compartilham enquadramento, contraste e direção de luz. A imagem ausente recebe fallback desenhado, não um arquivo quebrado. Não atribuir identidade, experiência humana ou capacidades a um avatar apenas pela sua aparência. Ativos gerados por IA são ilustrações de marca; não são fotografias de uma equipe real.

## 7. Vidro, reflexos e motion

O material Atlas é uma interpretação web de superfícies ópticas. Não é um componente nativo Apple nem uma associação comercial com a empresa. A referência Liquid Glass ajuda a estudar separação entre conteúdo e controles; o resultado possui cores, proporções e gestos próprios.

Vidro aparece na moldura do card, nos grupos flutuantes e nas cápsulas. Leitura acontece sobre Profundidade com opacidade suficiente. Começar com blur estático de 16–20 px, contorno discreto de 1 px e reflexo localizado. Uma superfície opaca equivalente é obrigatória.

O botão principal pode ter **um reflexo fino que percorre parte da borda**, como luz incidindo sobre uma lâmina curva. A animação se restringe à moldura: não gira o botão, o ícone ou o texto. Em repouso, a passagem é lenta e de baixo contraste; hover e foco podem aproximar o reflexo da região de interação. Evitar neon constante e variações que dificultem identificar o foco.

Como ponto de partida, usar um ciclo ambiente de 8–12 segundos somente em uma ação destacada da cena, com pausa entre passagens. O efeito para com a aba oculta, com movimento reduzido e quando a preferência “Efeitos ambientes” estiver desligada. No toque, não depender de hover nem exigir sensores de movimento.

| Gesto | Desktop | Mobile |
|---|---:|---:|
| Feedback imediato | 100 ms | 90 ms |
| Hover ou foco | 160 ms | 140 ms |
| Entrada de painel | 420 ms | 320 ms |
| Saída de painel | 260 ms | 220 ms |
| Troca de conteúdo | 240 ms | 200 ms |

Entrada usa `cubic-bezier(.22,1,.36,1)`; saída usa `cubic-bezier(.4,0,1,1)`. O movimento termina em repouso. O card pode inclinar até 3° no desktop, estabilizando durante leitura; no telefone permanece frontal. Movimento reduzido utiliza até 120 ms de opacidade, sem tilt, parallax ou voo de câmera.

O loader reúne Vértice e arcos incompletos. Sua mensagem corresponde a uma etapa real, sem porcentagem fictícia. A marca não se desmonta em fragmentos durante operações comuns. Carregamentos locais permanecem locais e preservam ações independentes.

## 8. Aplicações e mockups

**Dispositivo.** Em uma máquina compacta, aplicar o emblema puro em gravação clara, adesivo fosco ou acabamento metálico discreto. A assinatura completa pode aparecer na embalagem ou cartão de identificação. O mockup deve preservar escala plausível, folgas e posição de portas; uma simulação visual não comprova viabilidade de fabricação.

**Uniforme.** Posicionar o emblema pequeno no peito, respeitando a área de proteção e o caimento. Usar monocromia para bordado. No superagente ilustrado, a luz do selo pode acompanhar a cena, preservando o desenho. Não deformar o mestre permanentemente para simular tecido: a distorção pertence à aplicação.

**Ambiente e apresentação.** Um display escuro, o globo e um único card de destaque compõem a cena. Vértice funciona como assinatura discreta no canto. Não repetir o logotipo como textura sobre o mapa ou ocupar a área de informação com ornamentação.

**Stories 9:16.** Trabalhar em 1080 × 1920 px. Adotar, como base editorial, 72 px de margem lateral, 180 px superiores e 260 px inferiores livres de informação crítica. Essas áreas não garantem compatibilidade com toda interface social: conferir a prévia no aplicativo de publicação. Nome, cidade e propósito do agente precisam ser lidos numa captura estática.

O roteiro sugerido tem três momentos: “Conheça [agente]”; “[especialidade] para um cliente em [cidade]”; convite claro para conhecer a solução. Mostrar condição futura quando a implantação estiver prevista. Não apresentar cliente fictício como case real.

**Deck 16:9.** Usar 1920 × 1080 px ou formato equivalente. Abertura com assinatura completa; páginas internas com emblema discreto. Um assunto principal por slide, título objetivo, imagem dominante e legenda curta. Relatórios usam números e contexto, com datas e universo da amostra. Fundo claro é preferível quando facilitar impressão ou leitura prolongada.

## 9. Voz, redação e verdade do produto

Atlas fala português brasileiro de maneira direta, cordial e segura. Prefere “Ver agente”, “Iniciar apresentação” e “Salvar alterações” a comandos vagos ou termos de cinema. O estilo futurístico pertence à forma; instruções permanecem humanas.

| Situação | Redação recomendada |
|---|---|
| Boas-vindas | “Explore sua rede de superagentes.” |
| Cadastro salvo | “Agente salvo. As informações já aparecem na sua base.” |
| Mapa indisponível | “Não foi possível carregar o mapa. Você pode continuar pela Vitrine.” |
| Localização | “Use sua localização para centralizar o globo.” |
| Permissão negada | “Localização não autorizada. Você pode explorar o mapa manualmente.” |
| Implantação futura | “Previsto para implantação em [data].” |

A cidade do mapa é sempre a **cidade do cliente**. A localização da VPS não muda esse ponto. Posição do visitante, dia/noite e status operacional são informações diferentes e devem ser identificadas separadamente. Luz solar calculada não comprova disponibilidade do agente.

“Conectado”, “respondendo” e “em operação” exigem uma fonte correspondente. Enquanto banco e conversa dependerem do modo demonstrativo, informar essa condição onde afeta a decisão. Supabase e OpenAI só aparecem como integrações ativas depois da conexão real; não inserir chaves em materiais públicos.

## 10. Acessibilidade e usos incorretos

Texto deve alcançar contraste de 4,5:1, ou 3:1 para texto grande nas condições WCAG. Componentes não textuais relevantes precisam de 3:1. Conferir o fundo composto com mapa, vidro e reflexos, não apenas duas cores isoladas. Estado combina cor com rótulo ou ícone. Os controles adotam 48 px de área de toque.

Manter foco visível, operação por teclado, nomes acessíveis e retorno de foco ao fechar painéis. A logo informativa recebe nome “Atlas”; repetições puramente decorativas ficam ocultas da leitura assistiva. Conteúdo não depende exclusivamente de animação, hover, cor ou posição no globo. A Vitrine permanece uma alternativa funcional.

Não esticar, inclinar ou recompor a assinatura; não preencher o espaço central; não aproximar o losango até encostá-lo; não substituir o lettering; não aplicar contorno pesado; não sobrepor a marca a fotografias confusas; não iluminar todos os controles simultaneamente. Efeitos, quando desligados, deixam uma interface completa e reconhecível.

## 11. Pacote de marca e distribuição

Organizar os arquivos por função e registrar versão. Os nomes abaixo definem o **contrato de entrega**; o manifesto publicado deve listar somente arquivos realmente presentes.

- `atlas-emblem.svg`: emblema puro vetorial.
- `atlas-lockup.svg`: emblema com a palavra Atlas.
- Variantes `-dark`, `-light` e `-mono`, conforme cor efetiva do desenho.
- PNGs transparentes exportados dos mestres, em tamanhos adequados a apresentação e redes sociais.
- Favicons dedicados e ícone de aplicativo com área segura conferida.
- Retrato do superagente Atlas, mockup de dispositivo, uniforme e aplicação de apresentação, identificados como imagens de aplicação.
- Brand book, tokens, licenças pertinentes e manifesto com dimensões, formato e finalidade.

SVG mestre não deve conter fontes externas, scripts ou imagens remotas. PNG transparente não recebe fundo escuro incorporado. Separar arquivos puros de mockups: um render com iluminação não serve como original para impressão. Guardar originais de geração e prompts na documentação de produção, sem exigir que o usuário os utilize como ativos finais.

## 12. Página de marca e exportação

A página **`/brand`** apresenta assinatura aprovada, variantes puras sobre fundos claro e escuro, área de proteção, paleta copiável, tipos, superagente, mockups e downloads. Incluir visualização ampliada e descrição acessível das imagens. A primeira dobra deve identificar Vértice como aprovada, sem reabrir votação entre conceitos.

O arquivo baixado deve corresponder ao item visível. Mostrar formato e dimensão de raster; oferecer SVG para marca vetorial. Não colocar senha, credenciais ou conteúdo privado no pacote. O cabeçalho permite voltar ao Atlas sem perder a operação em andamento.

Para exportação pelo navegador, usar uma folha `@media print`: fundo branco, texto Universo, margens de 16–18 mm, tamanho A4, navegação e botões ocultos, animações desligadas, alturas automáticas e imagens contidas. Evitar quebra interna de tabelas e figuras; títulos permanecem com o parágrafo seguinte. Mostrar versão e endereço da marca em texto. Preparar uma opção “Imprimir / salvar PDF” sem anunciar um PDF pronto antes de renderizar e conferir todas as páginas.

Uma entrega está pronta quando a marca funciona em uma cor e pequena, seus ativos podem ser reutilizados sem reconstrução, o retrato continua legível, os reflexos são sutis, o telefone preserva ações e a informação permanece verdadeira. Esses critérios sustentam o refinamento do Atlas além da primeira impressão.

## Referências de fundamento

- [Apple — Materials](https://developer.apple.com/design/human-interface-guidelines/materials): separação de materiais e legibilidade.
- [Apple — Meet Liquid Glass](https://developer.apple.com/videos/play/wwdc2025/219/): comportamento óptico como referência de estudo.
- [Motion — Accessibility](https://motion.dev/docs/react-accessibility): respeito à preferência de movimento reduzido.
- [W3C — WCAG 2.2](https://www.w3.org/TR/WCAG22/): contraste, interação e acesso ao conteúdo.
- [W3C — Pause, Stop, Hide](https://www.w3.org/WAI/WCAG22/Understanding/pause-stop-hide.html): controle de movimento prolongado.

As fontes apoiam critérios técnicos; a identidade Vértice, as cores e as especificações de marca são decisões próprias do Atlas.