Guia de marca
Uma marca, um verde, uma voz.
O sistema de marca completo da Protocore — logótipo, área livre, cor, tipografia, tom de voz e nomenclatura — numa só página. Leia-o aqui ou descarregue o PDF.
Sistema de logótipo
Quatro formas de compor a marca.
A marca core facetada é o único recurso desenhado. Os lockups colocam o nome ao lado ou por baixo em Roboto Medium — nunca redesenhe nenhum dos dois.
Isolada em tamanhos pequenos — favicons, ícones de app e em qualquer lugar onde o nome deixaria de ser legível.
A marca ao lado do nome. A opção predefinida — cabeçalhos, documentos e assinaturas.
A marca por cima do nome. Para formatos quadrados — cartões sociais, mosaicos e carimbos.
A marca centrada num mosaico sólido de 1024 px. Para fotografias de perfil em qualquer plataforma.
Área de segurança e tamanho
Espaço à volta, um mínimo por baixo.
Dois valores rígidos mantêm a marca legível em qualquer aplicação.
Área de segurança — uma largura da marca nos quatro lados.
- Área de segurança
- A largura da própria marca, nos quatro lados. Nada entra nela — nem texto, nem filetes, nem margens da página.
- Altura mínima · digital
- 16 px. Abaixo disso, perde-se a legibilidade — use apenas a marca, nunca um lockup.
- Altura mínima · impressão
- 6 mm.
Cor
Cinco cores, funções rigorosas.
Quase monocromático por defeito. O verde é um acento, não um tema — nunca preenche grandes áreas.
Texto sobre fundo claro. Superfícies escuras.
Fundos de página claros.
Cartões sobre paper. Texto sobre ink.
O verde — apenas em superfícies escuras.
Texto de acento sobre branco — ligações e etiquetas.
Tipografia
A Roboto fala por nós.
Duas famílias cobrem tudo. Sem terceiro tipo de letra, sem itálico para dar ênfase.
Interface e títulos — 400 para corpo de texto, 500 para títulos e lockups, 700 com moderação.
Etiquetas, eyebrows e números — maiúsculas, com espaçamento largo.
As etiquetas de secção começam com três barras e um espaço — em Roboto Mono, maiúsculas, com espaçamento largo. As barras são caracteres escritos, não arte desenhada.
Voz e tom
Diga menos, com convicção.
Cinco regras cobrem cada linha de texto da Protocore, dos títulos aos botões.
Nomenclatura
Os produtos levam o nome da família.
Um padrão, aplicado sem exceção.
- Primeira menção
- Nome completo — “Protocore Pay”, “Protocore Gateway”. Depois disso, apenas o nome do produto.
- PDS
- Abreviatura de Protocore Design System. Escreva por extenso na primeira menção; depois, PDS.
- A empresa
- Protocore — uma só palavra, P maiúsculo. Nunca ProtoCore, PROTOCORE nem Proto Core.
Utilização
Faça isto, não aquilo.
As regras do press kit, alargadas a todo o sistema.
- 01Mantenha uma área livre igual à largura da marca em todos os lados.
- 02Use a variante preta em fundos claros e a branca em fundos escuros.
- 03Reserve a variante de destaque para superfícies tinta (#0a0a0a).
- 04Redimensione a partir dos ficheiros SVG — a marca mantém-se nítida em qualquer tamanho.
- 05Use o lockup vertical quando o formato for quadrado.
- 06Passe a usar apenas a marca abaixo de 16 px de altura.
- 01Não altere a cor da marca fora das variantes fornecidas.
- 02Não rode, não contorne, nem adicione sombras ou outros efeitos.
- 03Não redesenhe a marca nem altere as suas proporções.
- 04Não componha o nome Protocore noutro tipo de letra — os lockups usam Roboto Medium.
- 05Não coloque o verde de acento sobre branco — use #0e9e6e para texto de acento nesse caso.
- 06Não coloque a marca sobre fotografias ou gradientes — apenas ink ou paper sólidos.
Ficheiros
Leve o sistema consigo.
O guia em PDF, os recursos num só zip. Cada ficheiro individual está na página de imprensa.