Brand Kit · Northbound
Uma marca construída para dar direção à complexidade.
Aqui estão os materiais oficiais para representar a Northbound com consistência — símbolo, cores, tipografia, imagens e princípios de aplicação.
01 · Marca
Northbound aponta para a direção certa.
O símbolo é o elemento de reconhecimento da marca. Use-o com proporção preservada, contraste alto e espaço suficiente ao redor.
PNG transparente disponível
PNG transparente disponívelO símbolo é o arquivo original. As assinaturas são exportações da composição usada no site, em PNG transparente. Não há versão vetorial neste kit.
02 · Design system
Profundidade, clareza e um único azul de interação.
A base combina azul-marinho profundo, superfícies em degraus e contraste editorial. O azul Northbound orienta foco, seleção e ação.
Background
TokenTema escurooklch(0.212 0.026 259)
Tema clarooklch(0.985 0.003 250)
Northbound Blue
TokenTema escurooklch(0.66 0.17 256)
Tema clarooklch(0.52 0.16 256)
Surface
TokenTema escurooklch(0.242 0.028 259)
Tema clarooklch(0.985 0.003 250)
Surface Raised
TokenTema escurooklch(0.278 0.031 259)
Tema clarooklch(1 0 0)
Foreground
TokenTema escurooklch(0.975 0.005 250)
Tema clarooklch(0.129 0.042 264.695)
Muted
TokenTema escurooklch(0.79 0.024 255)
Tema clarooklch(0.554 0.046 257.417)
Verde, âmbar e vermelho são reservados exclusivamente a estados e alertas.
03 · Tipografia
Hierarquia por escala, peso e espaço.
Space Grotesk dá presença às ideias. Inter mantém textos e interfaces precisos, legíveis e discretos.
Aa 0123
Aa 0123
04 · Banners e imagens
Território, direção e sistemas reais.
Esta seleção reúne os fundos e imagens já aprovados na presença digital da Northbound. Use enquadramentos amplos e preserve a leitura do assunto principal.
Território 01
16:9
Território 02
16:9
Território 03
16:9
Território 04
16:9
Território 05
16:9
Direção
3:2
05 · Aplicação
Menos decoração. Mais intenção.
A identidade deve parecer editorial, precisa e construída com cuidado — nunca uma camada visual genérica sobre qualquer conteúdo.
Fazer
- Usar espaço negativo generoso
- Trabalhar com grids editoriais
- Manter títulos fortes e textos contidos
- Preservar contraste e hierarquia
Evitar
- Distorcer ou rotacionar o símbolo
- Usar glow e gradientes em excesso
- Empilhar cards dentro de cards
- Adotar estética SaaS genérica
Downloads
Tudo o que você precisa, em um único pacote.
O arquivo reúne o símbolo oficial, as imagens desta página e um guia com cores, tipografia e princípios de aplicação.
Versão 1.0 · Setembro de 2026