Inovação aplicada
a processos do dia-a-dia.

Essência

Posicionamento, promessa, diferencial, princípios, ética. Tudo que vem antes da forma.

Frase de essência

Inovação aplicada a processos do dia-a-dia.

Use como tagline em capa de proposta, slide institucional, bio LinkedIn, descrição WhatsApp Business.

Promessa

Norte é uma holding de produtos digitais. Identifica processos travados em planilha, papel ou trabalho repetitivo manual e constrói software pra automatizar. Cada produto tem identidade própria; o critério é o mesmo: dor real, processo claro, automação simples.

Somos / Não somos

Diferencial

1. Builder first — usamos o que construímos antes de vender. Cada produto Norte começa como dor própria.
2. Software brasileiro pra dor brasileira — não traduz SaaS gringo. Resolve burocracia, processo e contexto daqui.
3. AI-native como meio operacional, não como hype de venda — IA pra operar com menos gente, não pra estampar "powered by AI" no site.

Princípios

4. Cada produto resolve UM processo claramente — sem virar plataforma, sem inflar feature.
5. Aprendizado em ciclos curtos — todo experimento tem critério de matar. Se não funciona, mata.
6. Vendemos resultado, não horas — preço por valor entregue, nunca consultoria.

Ética

7. Sem fidelidade contratual, sem letra miúda — cliente cancela quando quiser, sem retenção forçada.
8. Dado do cliente é do cliente — nunca vendido a terceiros, exportável a qualquer hora, LGPD a sério.
9. Diz o que o produto faz E o que não faz — sem promessa exagerada no outbound, na landing nem na call.

Arquitetura de marca

Modelo P&G — selo discreto. Os produtos vivem com identidade própria; Norte só aparece em institucional.

Onde Norte aparece

1. Footer das landings dos produtos — selo "uma marca ▲ norte" alinhado à direita do rodapé, link pra norte.co.
2. Página de privacidade/termos dos produtos — bloco "Norte é o nome comercial de [CNPJ + razão social]".
3. Assinatura email institucional — emails de parceria, contrato, NF, B2B sai como Norte.
4. WhatsApp Business institucional — número da Norte, identidade Norte, atende pelos 3 produtos.
5. LinkedIn institucional — perfil/página da Norte (separada de perfis de produto).
6. Capa de proposta comercial / contrato — quando entidade contratante é Norte.
7. Slide deck institucional — pitch pra parceiro, apresentação corporativa.

Onde Norte NÃO aparece

• Header dos produtos — produtos têm seus próprios logos.
• Copy dos produtos — landing do Simples Report fala de Simples Report, não de Norte.
• Logo dos produtos — produtos têm marcas próprias; Norte não é co-branded com eles.
• Domínio dos produtos — produtos têm domínios próprios.
• Atendimento ao cliente do produto — suporte no canal do produto, não na Norte.

Checklist: novo produto entra pra holding

• Tem nome próprio (não "Norte X")
• Tem identidade visual independente (paleta + tipografia próprias)
• Tem domínio próprio
• Footer atualizado com selo "uma marca ▲ norte"
• Página de privacidade menciona Norte como entidade comercial
• Adicionado à descrição WhatsApp Business da Norte
• Adicionado ao card "produtos" da landing institucional norte.co

Tom de voz

Direto, confiante, técnico-quando-precisa, brasileiro sem ser informal.

Norte fala como engenheiro inteligente que respeita o tempo do leitor: clareza acima de floreio, especificidade acima de genérico, exemplo concreto acima de abstração.

5 atributos

Exemplos do/don't

Logo

Mark, wordmark, lockups, variações. Path geométrico fixo — não se modifica.

Mark

Seta direcional ▲ — vetor de norte / agulha apontando pra cima. SVG geométrico simples baseado em 4 pontos.

viewBox: 0 0 28 28
path d="M14 4 L24 22 L14 17 L4 22 Z"
fill: cor da paleta (preto, branco ou verde-lima — nunca outras cores)

Variações

Áreas de respiro & tamanhos

DON'T

• Estirar ou rotacionar o mark
• Trocar cor do mark fora da paleta (preto/branco/verde-lima)
• Colocar mark em fundo de baixo contraste
• Adicionar borda, sombra, glow ou gradiente em volta do mark
• Modificar a geometria do mark (path fixo)
• Adicionar texto descritivo grudado no lockup ("powered by", "by", etc)
• Misturar wordmark com outra family (sempre IBM Plex Sans Bold)

Paleta

6 cores. Distribuição 60 / 30 / 10. Verde-lima é acento, nunca volume.

Distribuição alvo

Tipografia

IBM Plex Sans pra texto. IBM Plex Mono pra labels técnicas. Free, open-source, SIL OFL.

Hierarquia

Fallback (CSS)

font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont,
             'Segoe UI', Roboto, sans-serif;

/* Mono */
font-family: 'IBM Plex Mono', 'SF Mono', Menlo, Consolas, monospace;

Carregar no HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@400;600;700&display=swap" rel="stylesheet">

DON'T

• Times New Roman, Arial, Comic Sans, scripts ornamentais
• Misturar IBM Plex Sans com outra family no mesmo material
• Peso 100/200 em body de texto longo
• Letter-spacing positivo em corpo de texto
• UPPERCASE em parágrafos (ok em label curto)

Iconografia + imagem

Linguagem visual padrão é diagrama de processo. Antes manual → depois automatizado.

Anatomia do diagrama

Regras

• Máximo 4 elementos por diagrama (mais vira slide PowerPoint)
• Sempre 1 transformação principal (não múltiplas setas paralelas)
• Antes sempre tracejado / desbotado
• Depois sempre sólido / verde-lima

Foto e ilustração

Aplicações

7 touchpoints cliente-facing onde Norte aparece, com regra + template.

Do's & Don'ts

Lista consolidada. Use como checklist antes de publicar qualquer peça.

Logo

Cor

Tipografia

Iconografia

Copy

Aplicações

Governança de agentes

A Norte é operada por robôs. O que eles fazem sozinhos, e o que espera o "pode aplicar" do CEO.

Peças de tela, selo e versão do logo

Peças prontas pra copiar + a decisão de versão do logo. Tudo puxa a cor/fonte do cofre — cor na mão é proibida.

Selo "um produto Norte"

• Marca (bússola) + "um produto Norte" em IBM Plex Sans, na mesma linha.
• Tamanho mínimo 20px de altura; abaixo disso, só a marca (sem o texto).
• Posição rodapé ou canto inferior — nunca no header (o produto lidera, a Norte endossa).
• Escuro (padrão) marca #bef264 + texto claro sobre #0d1117; claro tudo em #0d1117.
• Respiro área livre = altura da marca, dos 4 lados.
• Nunca esticar, girar, trocar o verde, escrever "by Norte", nem usar em produto ainda em teste.

Peças de UI mínimas

• Botão primário fundo #bef264, texto #0d1117 — 1 por tela.
• Botão secundário contorno #bef264, fundo transparente.
• Card fundo um tom acima do preto, borda sutil, sem sombra pesada.
• Campo foco com borda verde; rótulo sempre visível.
• Erro mensagem junto do campo dizendo o que fazer (vermelho só no detalhe).
• Sucesso / vazio / carregando verde como acento; sempre diga o próximo passo.

Fonte única: tudo consome norte.css do repo norte-brand.

Versão do logo (v1 / v2)