Logótipo
O símbolo junta o casco visto de frente e a quilha que o equilibra. Usa a versão horizontal sempre que houver espaço; o símbolo sozinho fica para espaços pequenos e para quem já conhece a marca.
- Área de proteção
- Deixa à volta do logótipo um espaço livre igual à altura da quilha laranja.
- Tamanho mínimo
- Horizontal: 96 px ou 25 mm de largura. Símbolo: 24 px ou 6 mm.
Fazer
- Versão positiva sobre fundos claros, negativa sobre o azul-casco ou fotografia escura.
- Versões monocromáticas quando a impressão só tem uma cor.
Não fazer
- Mudar a cor da quilha. É laranja-boia ou acompanha a versão mono.
- Esticar, rodar ou aplicar sombras e contornos.
- Colocar sobre fundos com pouco contraste, como a névoa com a versão negativa.
Tipografia
Archivo para títulos, com peso e aperto para dar presença. IBM Plex Sans para tudo o resto, porque aguenta números, tabelas e textos longos sem cansar.
Archivo
Títulos, pesos 700, 800
Títulos, números em destaque, capas.
Gratuita (SIL Open Font License). Pode ser instalada e usada sem custos.
Abrir no Google FontsIBM Plex Sans
Texto, pesos 400, 500, 600
Texto corrido, interface, tabelas.
Gratuita (SIL Open Font License).
Abrir no Google Fonts
Título de página48px, 800
A tesouraria em dia
Subtítulo28px, 700
Três pagamentos a aprovar
Texto17px, 400
A fatura da Ferragens Lima vence amanhã. Já está agendada e o saldo chega.
Nota13px, 500
Atualizado às 09:42
Cores
O azul-casco carrega a marca. O laranja-boia é um sinal: aparece para chamar a atenção para uma ação ou um alerta, nunca como fundo de grandes áreas.
Cores principais
- Primária
Azul-casco
RGB 22 50 79
CMYK 72 37 0 69
Fundos de marca, títulos, logótipo positivo.
- Destaque
Laranja-boia
RGB 242 140 40
CMYK 0 42 83 5
Botão principal, alertas, a quilha do símbolo.
- Neutra
Grafite
RGB 27 31 36
CMYK 25 14 0 86
Texto corrido e versão monocromática.
- Neutra
Branco
RGB 255 255 255
CMYK 0 0 0 0
Fundos de conteúdo e logótipo negativo.
Cores secundárias
- Secundária
Névoa
RGB 231 236 239
CMYK 3 1 0 6
Fundos claros, áreas de apoio, padrões.
Aplicações
Como a marca se comporta nos sítios onde aparece mais vezes.
- Redes sociais
- Fundo azul-casco ou névoa, um único número ou frase em Archivo, símbolo no canto inferior direito. O padrão de linhas de água só como fundo, nunca por cima de texto.
- Produto
- Interface em névoa e branco. O laranja-boia fica reservado ao botão principal de cada ecrã e aos alertas.
- Apresentações
- Capa em azul-casco com logótipo negativo. Slides de conteúdo em branco, títulos em Archivo 700, números grandes para os dados que importam.
Ficheiros
Cada ficha tem todos os formatos. SVG para sites, apresentações e impressão; PNG para documentos e redes sociais.
Ligações
- Ficheiro Figma da marcaComponentes, logótipos e templates editáveis. Exemplo: substituir pelo link real.figma.com
- Archivo no Google FontsDescarregar e instalar a fonte de títulos.fonts.google.com
- IBM Plex Sans no Google FontsDescarregar e instalar a fonte de texto.fonts.google.com
- Pedir trabalho à VogalPeças novas, ajustes à marca ou dúvidas que o brand book não responde.vogal.io
Para levar
A marca é vossa. Estes ficheiros funcionam sem esta página e sem a Vogal.
- Descarregar (.zip)
Tudo num zip
Logótipos, elementos gráficos, tokens e o ficheiro para IA, organizados por pastas.
- Descarregar (.md)
Marca para assistentes de IA
Os dois livros num ficheiro de texto. Carrega-o no Claude, ChatGPT, Gemini ou NotebookLM e pede textos no tom da marca ou uma segunda opinião sobre uma peça.
Tokens de design
Cores e fontes prontas a importar no Figma (JSON) ou a usar em código (CSS).