Cosmos Repositório

Design system da Astronauta Martech

Cosmos

Cada coisa no seu lugar.

Kósmos

Ordem, em grego.

Contam que Pitágoras foi o primeiro a chamar o céu de kósmos. A palavra quer dizer ordem, arranjo e adorno: o universo arrumado, com cada coisa no seu lugar.

É o que um design system faz com uma marca.

O que toda marca enfrenta

Uma marca nasce inteira.

Um nome, um símbolo, três cores. Depois ela cresce e vira site, sistema, relatório, proposta e e-mail.

Cada tela nova pede as mesmas decisões outra vez: qual azul, que tamanho, quanto espaço. Quando cada pessoa responde do seu jeito, a marca se espalha em versões quase iguais.

O Cosmos toma essas decisões uma vez, e elas valem para todas as telas.

Uma medida

Tudo começa num ponto.

O logo da Astronauta é desenhado com círculos em que cada raio é a soma dos dois anteriores. O menor deles, o planeta do símbolo, virou a unidade do Cosmos: 8 pixels.

Dele sai toda a escala de espaço, e cada passo também soma os dois anteriores.

  1. 8
  2. 16
  3. 24
  4. 40
  5. 64
  6. 104

8 + 16 = 24 · 16 + 24 = 40 · 24 + 40 = 64 · 40 + 64 = 104

Uma paleta

As cores vêm do céu da hora azul.

Navy, azul, azul-claro e o amarelo, a estrela que chama para a ação. São as cores do manual da marca, nos códigos exatos, cada uma com o seu uso.

O laranja aparece uma vez só: é o planeta menor.

  • Navy#050259
  • Azul profundo#0F0ABE
  • Azul#004FFF
  • Azul-claro#4280EF
  • Amarelo#FFCC00
  • Laranja#F3911C

Três letras

Uma para chamar, uma para ler, uma para operar.

As três fontes são da Fabio Haag Type, licenciadas pela Astronauta Martech.

  • AaAconchegoTítulos e chamadas
  • AaAconchego TextTexto corrido
  • AaSuaRótulos e interface
Selo do Cosmos: um anel azul com COSMOS e ASTRONAUTA, três estrelas ligadas por uma linha e órbitas pontilhadas

O selo

Uma carta celeste.

O Cosmos assina como uma missão. As três estrelas ficam no centro dos planetas do símbolo da Astronauta, ligadas por uma linha, cada uma na sua órbita.

Uma regra resume o resto

Se está no Cosmos, é Astronauta.

Para quem cria, o Cosmos já responde as perguntas de todo dia: qual azul usar, onde o logo fica, como um botão se comporta. A energia fica no trabalho com as instituições de ensino.

Para o time

O Cosmos mora num repositório.

Tokens de cor, fonte, espaço e raio, as fontes, o logo, o selo e cada decisão tomada. O acesso é restrito ao time da Astronauta Martech: entre com o seu e-mail @astronauta.digital.

Acessar o repositório