Sistema recombinado — v1.0
Um sistema de design construído a partir de três referências reais.
A Órbita não nasceu de um moodboard genérico. Ela é a recombinação deliberada de três linguagens visuais distintas — a clareza técnica de uma ferramenta para desenvolvedores, o minimalismo cinematográfico de uma rede orbital, e a energia comercial de um marketplace latino-americano — reunidas em um único vocabulário coerente para produtos de tecnologia.
Clareza de ferramenta de trabalho
Modo escuro como padrão, hierarquia tipográfica discreta, cartões com bordas finas de 1px em vez de sombra pesada, cantos com raio moderado (6–10px) e uma paleta quase monocromática pontuada por um único azul de interação.
Silêncio e escala cinematográfica
Fundo preto absoluto, tipografia gigante e confiante, uso extremo de espaço negativo, botões em pílula de alto contraste e uma linguagem de "painel técnico" — números, status, coordenadas — como elemento decorativo legítimo.
Energia comercial e confiança
Amarelo de marca vibrante como gatilho de ação, selos em formato de pílula (frete grátis, mais vendido), avaliação por estrelas, tipografia bem encorpada e uma sensação geral de "isso é fácil de usar agora".
01 · Cor
Uma base quase neutra, dois acentos com trabalho claro
Os neutros do GitHub e o preto absoluto da Starlink se fundem numa única base grafite com viés azulado — nunca cinza puro. Sobre ela, dois acentos herdados: o azul de "ação técnica" (GitHub + telemetria Starlink) e o amarelo de "ação comercial" (Mercado Livre), cada um com um papel específico, nunca competindo na mesma tela.
02 · Tipografia
Três famílias, três funções, zero ambiguidade
Nenhuma fonte "segura" de dashboard genérico. Unbounded carrega a personalidade orbital/geométrica dos títulos; Public Sans faz o trabalho pesado de leitura com excelente suporte a acentuação em português; JetBrains Mono assume tudo que é dado, rótulo ou status — a herança direta do terminal do GitHub e do painel de telemetria da Starlink.
Títulos e números grandes
Geometria quadrada com leve tensão — técnica o bastante para parecer engenharia, arredondada o bastante para não parecer fria. É o ponto de maior personalidade do sistema; por isso usada só em título e destaques numéricos.
Texto de leitura e interface
Desenhada para clareza em alta densidade (é a fonte de sistemas de governo dos EUA). Herda a legibilidade sem ruído do GitHub e sustenta parágrafos longos sem cansar.
Rótulos, dados, status
Toda métrica, badge, coordenada ou preço tabular passa por aqui. É a costura entre a estética de código do GitHub e o painel técnico da Starlink.
03 · Espaço & forma
Escala de espaçamento e raio de canto
Cantos moderados nos cartões (herança GitHub), pílula total em botões e badges (herança Mercado Livre) — a mistura evita tanto a frieza excessiva quanto o "tudo arredondado" genérico.
04 · Componentes
Peças testadas contra as três origens
Cada componente abaixo cita explicitamente de qual referência herdou sua regra principal.
Botões
Badges & selos
Cartão
Edge / São Paulo
Latência de 9ms na região sul
Borda de 1px, sem sombra pesada — o cartão se apoia na linha, não na profundidade.
Campo de formulário
Tokens em tabela
| Token | Papel | Origem |
|---|---|---|
| --bg / --surface | Base quase-preta, bordas finas em vez de sombra | GitHub · Starlink |
| --accent | Azul de ação técnica, foco de teclado, links | GitHub |
| --accent-2 | Amarelo de ação comercial, um por tela | Mercado Livre |
| --live | Verde semântico de status operacional | Starlink (telemetria) |
| radius-pill | Botões, badges, tags de preço | Mercado Livre |
| radius-md (10px) | Cartões, painéis, inputs | GitHub |
| font-display | Unbounded — títulos e números grandes | Starlink (escala) |
| font-mono | JetBrains Mono — dados, status, preço | GitHub + Starlink |