Atrion UI
Design System
Referência de marca, tokens e padrões visuais da Atrion Global — para aplicar a identidade com consistência em qualquer ponto de contato.
v0.1.0 · Atualizado em junho de 2026
Primeiros passos
- 01Use os tokens da marca em vez de valores fixos — cores, tipografia e espaçamento.
- 02Prefira a assinatura completa da logo; use o símbolo só em espaços reduzidos.
- 03Garanta sempre contraste e a área de proteção mínima ao redor da logo.
- 04Mantenha a voz da marca: sofisticação sem arrogância, clareza sem simplismo.
Explore
Changelog
Página de Logo: regras por contexto, variações, área de proteção, usos incorretos e downloads (PNG + SVG).
07 jun 2026
Página de Cores: paleta navy, accent e neutros, com hex e copiar.
07 jun 2026
Página de Tipografia: escala Inter, pesos e nota de logotipo.
07 jun 2026
Modo escuro adicionado, com toggle na navegação lateral.
07 jun 2026
Projeto separado do site institucional, com repositório próprio.
07 jun 2026