Largura minima em telas
Sistema de Logo
Quatro variantes oficiais do logotipo Astro.
| Versao | Uso |
|---|---|
| Primario (horizontal) | Uso padrao em todos os contextos |
| Reduzido (simbolo) | Favicons, avatares, espacos pequenos, loading, UI |
| Monocromatico branco | Sobre fundos escuros |
| Monocromatico preto | Sobre fundos claros |
Anatomia
Estrutura do wordmark e o simbolo estrela.
wordmark
O logotipo ASTRO e um wordmark com tipografia geometrica futurista em caixa alta, onde o simbolo estrela de 4 pontas substitui a letra "T". O simbolo funciona como asset de sistema — nao apenas marca — aparecendo em UI, motion, loading e identidade editorial.
dimensoes figma
Logo no SaaS mede 209 x 31px. No carrossel social, o simbolo aparece centralizado no header em ~24px como marca d'agua/identidade.
Area de Protecao
Espaco minimo ao redor do logo onde nenhum outro elemento pode entrar.
clear space
┌──────────────────────────┐
│ ↕ X │
│ ┌──────────────┐ │
│ ←X→│ AS✦RO │←X→ │
│ └──────────────┘ │
│ ↕ X │
└──────────────────────────┘
X = altura do simbolo estrela A area de protecao e baseada na altura do simbolo estrela (X). Essa medida deve ser aplicada em todos os lados do logotipo, independentemente do tamanho em que ele for utilizado.
Tamanhos Minimos
Limites de reducao por contexto de aplicacao.
Favicons, avatares, UI
Largura minima em materiais impressos
Uso Incorreto
O que nunca fazer com o logotipo Astro.
Aplicacao do Logo
fazer
- Usar versoes oficiais do logo sem alteracao
- Respeitar area de protecao em todas as aplicacoes
- Usar versao dark sobre fundo escuro, light sobre fundo claro
- Manter proporcoes originais do logotipo
evitar
- Rotacionar o logo
- Distorcer proporcoes
- Alterar cores fora da paleta oficial
- Aplicar glow, sombras, contornos ou efeitos
- Usar logo em laranja solido (laranja e signal layer, nao cor institucional)
- Quebrar proporcao simbolo-tipografia
- Colocar sobre fundos que comprometam a legibilidade
- Usar versao light sobre fundo claro ou dark sobre fundo escuro