Sua empresa em prumo
A identidade do Prumo e dos seus três módulos: Prumo Map, Prumo Flow e Prumo Board. Este guia é o que um designer, um desenvolvedor ou uma agência precisa para aplicar a marca sem perguntar nada.
Por que existimos
Empresas com objetivos claros merecem ferramentas que mostrem o caminho inteiro.
Prumo é a empresa e o produto: uma marca só. O fio de prumo é o instrumento mais antigo da construção, um peso na ponta de um fio que mostra onde fica o vertical. É o que fazemos pelos nossos clientes, sem enfeite.
Em prumo é a expressão que dá nome ao endereço e ao slogan. Estar em prumo é estar alinhado, firme e no lugar certo, que é o estado que prometemos para a empresa do cliente.
Promessa
- O conhecimento da empresa fica na empresa, não só na cabeça de quem está lá hoje.
- Ver quem faz o quê, quando, e por quê.
- Começar em minutos, não em meses.
- A empresa do cliente no centro, com a marca dele.
Atributos
- Preciso, como um instrumento.
- Calmo: organiza sem gritar.
- Generoso: explica o que está fazendo.
Uma marca, três módulos
Cada módulo responde uma pergunta da empresa. Na primeira menção de um texto, o nome vem completo; depois, dentro do produto e no texto corrido, pode aparecer só Map, Flow ou Board.
| Módulo | Pergunta | O que tem |
|---|---|---|
| Prumo Map | Onde fica o conhecimento? | A memória da empresa: o que cada posição faz e como, guardado para sempre, mesmo quando a equipe muda |
| Prumo Flow | Quando? | Prazos, coleções por semestre e linha do tempo |
| Prumo Board | Com quais ideias? | Painel livre e ao vivo para referências e campanhas |
Escrevemos
- Prumo, Prumo Map, Prumo Flow, Prumo Board
- No logotipo, Prumo com P maiúsculo, sempre com o símbolo
- emprumo.com, sempre em minúsculas
- "em prumo", separado, no texto: "sua empresa em prumo"
Não escrevemos
- PRUMO em caixa alta no texto corrido
- Emprumo como nome da marca (é só o endereço)
- Prumo-Map, PrumoMap ou "o Plano"
Slogan: Sua empresa em prumo. Na fala: "em prumo ponto com". Nas peças, escreva o endereço por extenso sempre que alguém for ouvir a marca antes de lê-la.
O prumo ao lado do nome
O logotipo é sempre o símbolo do prumo à esquerda da palavra Prumo, com o P maiúsculo, na Bricolage Grotesque 600. O símbolo é desenhado com as medidas da própria fonte, para funcionar como uma letra a mais: o fio desce da altura do P até a das minúsculas, a argola fica nessa linha e o peso ocupa o corpo das letras, terminando na base junto com elas.
O símbolo sozinho só aparece como ícone (app, favicon, avatar) e como sinal dos módulos, com o fio mais longo, descendo desde o topo.
Tamanho mínimo: 18 px de corpo (cerca de 80 px de largura) no digital e 6 mm de altura do P no impresso. Abaixo disso, use o ícone. Área de proteção: a largura do peso em volta de toda a assinatura.
Ícones: o favicon é o símbolo sobre um quadrado grafite, com as medidas ajustadas ao pixel em 16, 32 e 48 px. O ícone do app vai de borda a borda sobre a cianotipia com a grade das plantas; no iOS ele existe nas três versões que o sistema pede: clara, escura (sobre noite) e tingida (branco e cinza, para o sistema colorir). O app web usa o mesmo desenho em 192 e 512 px.
Nas telas do cliente, a marca dele vem primeiro e o Prumo aparece discreto, como "feito com Prumo", no rodapé e na tela de entrada.
Cianotipia, latão e verdete
O azul vem da cianotipia, a cópia azul das plantas de arquitetura. O latão vem do peso do fio de prumo. O verdete é a pátina verde que o cobre e o latão ganham com o tempo, como as ideias que amadurecem no Board. O resto é papel e grafite.
As cores dos módulos identificam cada um no site, no app, nos e-mails e nas peças. Aparecem nos sinais dos módulos, nas abas e nos títulos, nunca como fundo de tela inteira.
A paleta da marca:
RGB 28 67 160
RGB 212 154 56
RGB 18 23 34
RGB 244 246 249
RGB 213 220 231
Proporção de uso numa tela ou peça típica:
Cores das áreas no app. Oito cores para departamentos, escolhidas para ficarem distintas entre si e legíveis com texto branco. Não mudam com a marca do cliente.
Cores de status também são fixas: concluída verde, atrasada vermelho, atenção âmbar, a fazer neutro.
Três vozes
Bricolage Grotesque nos títulos, com personalidade e contida. IBM Plex Sans no texto corrido e na interface. IBM Plex Mono nas legendas, medidas e números de referência, como anotações numa planta. Todas gratuitas no Google Fonts.
Como falamos
Falamos como quem senta ao lado e mostra na tela. Frases curtas, verbos no começo, o nome das coisas que a pessoa já conhece.
Somos
- Diretos: "Convide o time".
- Concretos: "15 minutos", "até 99 pessoas".
- Honestos com limites: dizemos o que não fazemos.
Não somos
- Hype: nada de "revolucionário" ou "disruptivo".
- Técnicos à toa: "avisos", nunca "webhooks".
- Culpados: erro diz o que houve e como resolver, sem pedir desculpas.
Antes
Ops! Algo deu errado ao processar sua solicitação.
Depois
O logo tem mais de 4 MB. Envie um arquivo menor.
O Prumo com a cara de cada empresa
Cada conta pode trocar o logo e escolher um de três temas de cor (Azul Prumo, Verdete e Grafite). O objetivo é que o time do cliente sinta que a ferramenta é da empresa dele. A estrutura, a tipografia e as cores de status continuam do Prumo, para que a leitura seja a mesma em qualquer conta.
O cliente muda
- Logo no topo e nos e-mails
- Tema de cores: papel, superfícies e acento dos botões, da seleção e da ferramenta ativa
- Nome da empresa e da caixa raiz do Map
- Fonte dos títulos na tela de entrada e nos e-mails
- Cores de cada departamento, dentro da paleta
Fica fixo
- Tipografia e espaçamento da interface
- Cores de status e alertas
- Contraste mínimo de 4,5:1 com branco (o Prumo escurece a cor se preciso)
- A assinatura "feito com Prumo" no rodapé e no login