Guia de marca
Uma marca, um verde, uma voz.
O sistema de marca completo da Protocore — logo, área de respiro, cor, tipografia, voz e nomenclatura — em uma página. Leia aqui ou baixe o PDF.
Sistema de logo
Quatro formas de aplicar a marca.
A marca facetada do core é o único elemento desenhado. Os lockups colocam o nome ao lado ou abaixo dela em Roboto Medium — nunca redesenhe nenhum dos dois.
Sozinha em tamanhos pequenos — favicons, ícones de app e onde quer que o nome não fique legível.
A marca ao lado do nome. O padrão — cabeçalhos, documentos e assinaturas.
A marca acima do nome. Para formatos quadrados — cards de redes sociais, tiles e selos.
A marca centralizada em um tile sólido de 1024 px. Para fotos de perfil em qualquer plataforma.
Área de respiro e tamanho
Espaço ao redor, um piso abaixo.
Dois números fixos mantêm a marca legível em qualquer lugar em que ela apareça.
Área de respiro — uma largura da marca nos quatro lados.
- Área de respiro
- A própria largura da marca, nos quatro lados. Nada entra nessa área — nem texto, nem filetes, nem bordas da página.
- Altura mínima · digital
- 16 px. Abaixo disso, a legibilidade se perde — use só a marca, nunca um lockup.
- Altura mínima · impressão
- 6 mm.
Cor
Cinco cores, funções rígidas.
Quase monocromático por padrão. O verde é um acento, não um tema — nunca preenche áreas grandes.
Texto sobre fundo claro. Superfícies escuras.
Fundos de página claros.
Cards sobre paper. Texto sobre ink.
O verde — apenas em superfícies escuras.
Texto de acento sobre branco — links e rótulos.
Tipografia
A Roboto fala por nós.
Duas famílias cobrem tudo. Sem uma terceira fonte, sem itálico para dar ênfase.
Interface e títulos — 400 para o corpo do texto, 500 para títulos e lockups, 700 com moderação.
Rótulos, eyebrows e números — em caixa alta, com espaçamento largo.
Os rótulos de seção começam com três barras e um espaço — em Roboto Mono, caixa alta, com espaçamento largo. As barras são caracteres digitados, 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 rótulos de botão.
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
- Abreviação de Protocore Design System. Escreva por extenso na primeira menção; depois, PDS.
- A empresa
- Protocore — uma palavra só, P maiúsculo. Nunca ProtoCore, PROTOCORE ou Proto Core.
Uso
Faça isto, não aquilo.
As regras do press kit, estendidas a todo o sistema.
- 01Mantenha uma área de respiro igual à largura da marca em todos os lados.
- 02Use a variante preta em fundos claros e a branca em fundos escuros.
- 03Reserve a variante accent para superfícies ink (#0a0a0a).
- 04Escale a partir dos arquivos SVG — a marca permanece nítida em qualquer tamanho.
- 05Use o lockup vertical quando o espaço for quadrado.
- 06Use só a marca quando a altura for menor que 16 px.
- 01Não altere a cor da marca além das variantes fornecidas.
- 02Não gire, não aplique contorno nem adicione sombras ou outros efeitos.
- 03Não redesenhe a marca nem altere suas proporções.
- 04Não escreva o nome Protocore em outra fonte — os lockups usam Roboto Medium.
- 05Não use o verde de acento sobre branco — para texto de acento nesse fundo, use #0e9e6e.
- 06Não coloque a marca sobre fotografias ou gradientes — apenas sobre ink ou paper sólidos.
Arquivos
Leve o sistema com você.
O guia em PDF, os assets em um único zip. Cada arquivo individual está na página de imprensa.