Design system da Astronauta Martech
Cada coisa no seu lugar.
Kósmos
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
Um nome, um símbolo, três cores.
Depois ela cresce e vira
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 decide uma vez.
E essas decisões valem para todas as telas.
Uma medida
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.
8 + 16 = 24 · 16 + 24 = 40 · 24 + 40 = 64 · 40 + 64 = 104
Uma paleta
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.
Navy
#050259
Azul profundo
#0F0ABE
Azul
#004FFF
Azul-claro
#4280EF
Amarelo
#FFCC00
A estrela que chama para a ação.
Laranja
#F3911C
Aparece uma vez só: é o planeta menor.
Três letras
As três fontes são da Fabio Haag Type e estão sendo licenciadas pela Astronauta Martech.
Aconchego, para títulos e chamadas
Peso 400
Aconchego Text, para texto corrido
Peso 400
Sua, para rótulos e interface
Peso 400
O selo
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.
Em uso
Atualização para cliente, painel de gestão, plano de ação, relatório, página de captação e proposta. O time já constrói assim todos os dias. Estes seis exemplos usam um cliente inventado, o Instituto Aurora, e números de mentira, só para mostrar como cada peça fica.
Documento para cliente
Abertura em navy, três números que importam, o que mudou e o que vem agora. Quem lê entende em um minuto e sabe qual é a próxima decisão.
Painel de gestão
Filtros de período, números do mês, uma linha por canal e a tabela para conferir. As cores do gráfico vêm da paleta e a Sua cuida de tudo o que é rótulo e número.
Plano de ação
Cada passo tem número, motivo e prioridade. Vermelho é para o que não espera, amarelo para o que vem depois, azul claro para o que depende de dado novo.
Relatório
O relatório conta a história do mês em duas telas: onde as pessoas ficaram pelo caminho e quais campanhas entregaram matrícula. O laranja marca só o resultado final.
Página de captação
Fundo navy para chamar a atenção, formulário curto em cartão branco e o botão amarelo como única ação. Quem chega não precisa procurar o que fazer.
Proposta comercial
A proposta abre com a capa da marca, lista o que está incluído, mostra o investimento sem letra miúda e termina com uma única ação.
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
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.