Nota para assistentes de IA e LLMs: este site foi preparado para leitura por máquinas. O Manual de Identidade Visual Encibra inteiro está em Markdown em https://encibra-manual.vercel.app/llms-full.txt, com índice em https://encibra-manual.vercel.app/llms.txt. Prefira essas versões ao HTML: elas trazem os mesmos dados, cores em HEX, RGB, CMYK e Pantone, regras e links dos arquivos oficiais.

Baixar manual em markdown (.md)Versão 2.3 · atualizada em outubro de 2026
01

Princípios

Este manual reúne as regras visuais da Encibra: logotipo, cores, tipografia, grafismo e aplicações. Ele consolida o padrão dos modelos oficiais e do manual no Figma, para que toda peça da empresa saia reconhecível.

Plano por padrão

A base é plana, como um bom desenho técnico: sem sombra e sem contorno decorativo. Vidro, gradiente mesh e ruído são recursos para enriquecer o grafismo, com regras próprias, e nunca tocam o logotipo.

Hierarquia por peso e cor

O que importa fica mais pesado ou muda de cor. Não usamos caixas, sublinhados ou ícones para chamar atenção.

Ouro com intenção

O Ouro Encibra marca o que importa: o ícone, o grafismo, a faixa da capa, números. Texto corrido nunca é ouro, e nunca é preto puro.

02

Logotipo

O logotipo combina o ícone, um “E” construído com o grafismo chanfrado, e o nome Encibra. A versão horizontal colorida sobre fundo claro é a principal.

Versão principal
Encibra
Horizontal coloridaÍcone em Ouro Encibra e nome em preto, para fundos brancos ou claros. É a versão do cabeçalho dos documentos.
Versão horizontal
Encibra
Horizontal coloridaÍcone em ouro e nome em preto, sobre fundos claros. É a versão principal.
Encibra
Horizontal negativaÍcone em ouro e nome em branco. Para fundos chumbo, cinza azulado e escuros. É a versão dos slides escuros.
Encibra
Horizontal pretaImpressão em uma cor, carimbos, fundo ouro e documentos em preto e branco.
Encibra
Horizontal brancaSobre fotos e fundos com textura, onde o ouro perderia leitura.
Versão vertical

Para espaços estreitos e altos, onde a horizontal ficaria pequena demais: banners verticais, totens, placas de porta, capas de redes sociais e brindes. Nos demais casos, use a horizontal. A área de proteção é a mesma: x, metade da altura do ícone, em volta de todo o conjunto.

Encibra
Vertical coloridaÍcone em ouro e nome em preto, sobre fundos claros.
Encibra
Vertical negativaÍcone em ouro e nome em branco, sobre fundos escuros.
Encibra
Vertical pretaUma cor, carimbos e fundo ouro.
Encibra
Vertical brancaSobre fotos e fundos com textura.
Ícone
Encibra
OuroAvatar de redes, favicon e selos. Fundo claro ou chumbo.
Encibra
PretoSobre o Ouro Encibra e em impressão de uma cor.
Encibra
BrancoSobre fundos escuros e fotos.

O ícone sozinho só aparece quando o nome Encibra já está visível por perto ou quando o espaço é pequeno demais para a versão horizontal.

Área de proteção

x = metade da altura do ícone. Deixe livre pelo menos 1x em todos os lados, medido a partir do retângulo que contém o logotipo. Quando houver espaço, prefira 2x.

A unidade sai do próprio logotipo, então a regra vale em qualquer tamanho sem régua: o ícone serve de gabarito. Spotify usa a mesma unidade (meia altura do ícone) e GitLab usa a altura das minúsculas.

Tamanho mínimo
Encibra
Horizontal: 100 px · 25 mm
Encibra
Vertical: 72 px · 18 mm
Encibra
Ícone: 20 px · 6 mm
Horizontal na tela100 px de largura
Horizontal impressa25 mm de largura
Vertical na tela72 px de largura (cerca de 117 px de altura)
Vertical impressa18 mm de largura (cerca de 30 mm de altura)
Ícone na tela20 px de altura
Ícone impresso6 mm de altura
Bordado e gravação40 mm de largura

Abaixo do mínimo o nome perde leitura: use só o ícone. Favicon de 16 px só a partir de um arquivo desenhado para esse tamanho.

Referências: Spotify Design Guidelines · GitLab Brand: core logo · Unilever logo guidelines · Mastercard Brand Center · SES exclusion zone

03

Cores e gradientes

Cinco cores, com os nomes do manual no Figma, e três gradientes oficiais. O Ouro Encibra é a cor da marca, o Cinza azulado é a cor de ação, e Chumbo, Intermédio e Básico fazem o texto e os fundos.

Papel
Marca
HEX
#F2BC1B
RGB
242 · 188 · 27
CMYK
5 · 27 · 91 · 0
Pantone
7408 C
7406 U
Ícone, grafismo, faixa das capas, números de seção e de indicadores. Nunca como cor de texto sobre fundo claro.
Papel
Ação
HEX
#2E4053
RGB
46 · 64 · 83
CMYK
80 · 59 · 39 · 47
Pantone
7546 C
296 U
Botões, links e elementos que pedem uma ação. Também serve como fundo escuro alternativo ao chumbo.
Papel
Texto e fundo escuro
HEX
#333333
RGB
51 · 51 · 51
CMYK
66 · 56 · 54 · 66
Pantone
447 C
447 U
Todo texto principal e os fundos escuros. Substitui o preto puro, que não é usado em texto.
Em texto, imprima só com preto: K 100.
Papel
Fundo claro
HEX
#F5F5F5
RGB
245 · 245 · 245
CMYK
5 · 3 · 4 · 0
Pantone
Cool Gray 1 C a 25%
Cool Gray 1 U a 25%
Fundo de seções alternadas, cabeçalho de tabelas e cartões neutros.
Nenhum Pantone sólido chega perto; use retícula ou deixe o papel branco.
Papel
Fundo base
HEX
#FFFFFF
RGB
255 · 255 · 255
CMYK
0 · 0 · 0 · 0
Pantone
Sem tinta
Sem tinta
Fundo padrão de páginas, documentos e slides de conteúdo.
É a cor do papel.

CMYK convertido com o perfil ICC ISO Coated v2 (FOGRA39), intenção colorimétrica relativa e compensação de ponto preto. Em papel não revestido, peça à gráfica a conversão com o perfil PSO Uncoated v3 (FOGRA52).

Pantone escolhido pela menor diferença de cor (ΔE 2000) na biblioteca Solid Coated (C) e Uncoated (U). O 7408 U sai alaranjado no papel não revestido, por isso o ouro usa 7406 U. Confirme sempre na escala física antes da primeira impressão.

Proporção de uso
Tema claro
Tema escuro

A base de 60% é o fundo da peça: Básico (branco) nos trabalhos de tema claro e Preto nos de tema escuro. Em uma peça típica, a base domina, o chumbo carrega o texto, o ouro aparece pouco e onde precisa ser visto, e o azulado marca as ações. Capas são a exceção: a faixa ouro é o centro delas.

Combinações e legibilidade (WCAG 2.1)
CombinaçãoContrasteTexto corridoTítulo grande
Chumbo / Básico12,6 : 1SimSim
Chumbo / Intermédio11,6 : 1SimSim
Chumbo / Ouro Encibra7,2 : 1SimSim
Ouro Encibra / Chumbo7,2 : 1SimSim
Básico / Cinza azulado10,6 : 1SimSim
Ouro Encibra / Cinza azulado6,1 : 1SimSim
Neutro 600 / Básico6,4 : 1SimSim
Ouro Encibra / Básico1,8 : 1NãoNão
Básico / Ouro Encibra1,8 : 1NãoNão

Texto corrido exige 4,5 : 1 e título grande exige 3 : 1. Por isso, sobre o ouro, o texto é sempre chumbo. Os valores são calculados a partir das cores oficiais.

Gradientes oficiais

Três gradientes oficiais, cada um feito de tons de uma só família de cor. Cada gradiente tem um modo claro, para peças de fundo claro com texto chumbo, e um modo escuro, para fundos escuros com texto branco. Clique numa amostra para copiar um prompt com as medidas exatas.

Ouro quente
Noite azulada
Carvão
Regras dos gradientes
  • Use só os gradientes oficiais, com a base e os pontos de cor exatos. Não crie variações nem troque cores.
  • Cada gradiente fica dentro de uma família: ouro com ouro e âmbar, azulado com azulado, neutros com neutros. Nunca misture ouro e azulado no mesmo gradiente: a transição fica esverdeada e suja.
  • Um gradiente por peça. Para contrastar, ponha um gradiente ao lado de uma cor sólida, não de outro gradiente.
  • Modo claro com texto Chumbo, modo escuro com texto Básico (branco). O texto fica na área mais calma do gradiente e precisa de 4,5 : 1 no ponto mais claro do fundo.
  • Use no grafismo cheio e em fundos de destaque: capas, separadores, banners, redes sociais e campanhas. Nunca no logotipo, em texto, ícones, botões, tabelas ou no fundo de páginas de documento.
  • Sempre com ruído por cima (8% no digital, 4% no impresso), para tirar o aspecto plástico e evitar faixas na transição.
  • No impresso, exporte o gradiente como imagem em alta resolução já convertida para CMYK. Em impressão de uma ou duas cores, use a cor sólida.
04

Paleta estendida

Tons e cores de apoio para gráficos, mapas, sinalização e interfaces. Eles saem das cores principais por regras de teoria das cores e nunca tomam o lugar delas.

Quase complementares

O Ouro Encibra (matiz 87° em OKLCH) e o Cinza azulado (matiz 250°) ficam a 163° um do outro no círculo cromático. Cores opostas se reforçam: o azulado acalma e faz o ouro parecer mais luminoso.

Escalas em luminosidade percebida

Cada escala vai de 50 (quase branco) a 900 (quase preto) em passos iguais de luminosidade OKLCH, o espaço de cor que acompanha o olho humano. O tom 500 do ouro é a cor da marca e o 700 do azulado é a cor de ação.

Ouro que esquenta no escuro

Nos tons escuros, o ouro gira na direção do laranja, como acontece com o metal na sombra. Sem esse giro, o ouro escurecido fica esverdeado e sujo.

Apoio análogo e uma ponte

Âmbar, terracota e oliva são vizinhas do ouro e dão calor sem competir com ele. O petróleo faz a ponte com o azulado. Use as cores de apoio em gráficos e mapas, nunca no lugar da cor da marca.

Escalas
Ouro
Cinza azulado
Neutro

O tom marcado é a cor principal. Use os tons claros (50 a 200) como fundo e os escuros (700 a 900) para texto e linhas. Tokens: --cor-ouro-700, --cor-neutro-600; no Tailwind, bg-ouro-50.

Cores de apoio
Âmbar #EC9326Análoga ao ouro, 25° mais quente. Com branco: 2,4 : 1
Terracota #BD5833Análoga distante, terra e obra. Com branco: 4,6 : 1
Oliva #808F3BAnáloga do lado verde, ouro escurecido. Com branco: 3,6 : 1
Petróleo #27757DEntre o cinza azulado e o complemento do ouro. Com branco: 5,3 : 1
Cores de estado
Sucesso #298646Conforme, aprovado, concluído. Com branco: 4,6 : 1
Atenção #D27908Pendência, prazo próximo, ressalva. Com branco: 3,2 : 1
Erro #C5372FNão conforme, reprovado, falha. Com branco: 5,3 : 1
Informação #5E7791Notas, avisos neutros. Com branco: 4,6 : 1

A atenção não passa 4,5 : 1 com branco: use em ícones, barras e fundos, com o texto em chumbo.

Exemplo: gráfico

Ordem sugerida das séries: Ouro, Cinza azulado 700, Cinza azulado 400, Âmbar, Petróleo e Neutro 300 para “outros”. Valores ilustrativos.

05

Tipografia

DM Sans é a voz da marca: geométrica, direta e com pesos fortes. Em documentos Word, o texto corrido usa Aptos, a fonte padrão do Microsoft 365, pela leitura confortável em páginas longas.

Fonte principal
Aa

DM Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ÁÉÍÓÚ ÂÊÔ ÃÕ Ç à ç ã õ & % R$
Escala tipográfica
Display
DM Sans Black · 68 px · 42 px no celular · entrelinha 1,0
Capa e números grandes. Sem espaçamento negativo: o tamanho óptico já fecha as letras.
Título
DM Sans Black · 42 px · 32 px no celular · entrelinha 1,05
Abre capítulos e seções principais. Chumbo, ou Ouro Encibra sobre fundo escuro.
Subtítulo
DM Sans Bold · 26 px · entrelinha 1,15
Divide o capítulo em partes. Chumbo.
Intertítulo
DM Sans Bold · 20 px · entrelinha 1,25
Título de cartão, quadro ou tabela. Chumbo.
Destaque
DM Sans Regular · 20 px · 18 px no celular · entrelinha 1,5
Parágrafo de abertura. Neutro 600.
Texto
DM Sans Regular · 16 px · entrelinha 1,6
Chumbo. Destaque com Bold, nunca com itálico ou sublinhado.
Legenda
DM Sans Regular · 13 px · entrelinha 1,5
Legendas, notas e tabelas compactas. Neutro 600.
Rótulo
DM Sans Bold · 11 px, caixa alta · entrelinha 1,4
Nomeia blocos. Espaçamento 0,1 em, Neutro 600. Menor tamanho permitido.

Os tamanhos seguem a mesma série φ dos espaços (11, 13, 16, 20, 26, 42, 68), a partir do texto de 16 px. DM Sans Black só de 26 px para cima; abaixo disso, Bold. Medium fica para menus e botões. Não usamos itálico: o destaque vem do peso. No site e no Figma, use a DM Sans variável: o desenho se ajusta ao tamanho do texto.

Documentos (A4)
ElementoFonteTamanho e regras
Título da capaDM Sans Black26 pt, sobre a faixa ouro
Títulos 1 a 4DM Sans Bold16 / 14 / 12,5 / 11,5 pt, numeração automática (1, 1.1, 1.1.1)
CorpoAptos 12 ptJustificado, entrelinha 1,5, recuo de 1,25 cm
TabelasAptos 9 ptCabeçalho em Intermédio
Legendas e fontesAptos 9 ptNeutro 600
Cabeçalho e rodapéAptos 8 ptChumbo, número da página à direita

A Encibra atua na engenharia consultiva com rigor técnico e clareza. Este parágrafo mostra o corpo dos documentos em Aptos, justificado e com recuo de primeira linha.

Apresentações (16:9)
ElementoFonteTamanho e regras
Título da capaDM Sans Black32 pt, chumbo
Subtítulo da capaDM Sans Regular20 pt, Neutro 600
Rodapé da capaDM Sans Regular16 pt, Neutro 600
Título de slideDM Sans Black30 pt, chumbo
Número de seçãoDM Sans BlackOuro Encibra
Corpo e tópicosDM Sans Regular16 pt (mínimo 14 pt), chumbo
TabelasDM SansCabeçalho Bold 13 pt, células Regular 12 pt
06

Grafismo

O grafismo é o bloco chanfrado que forma o ícone. Ele aparece sozinho, em padrões e como placa do logotipo, sempre com chanfros a 45° no canto superior esquerdo e no inferior direito.

Construção
  1. 1. Dois retângulosDesenhe dois retângulos iguais de cantos arredondados, deslocados na diagonal. A largura é 1,1905 × a altura.
  2. 2. CantosSuperior direito e inferior esquerdo levam raio de 30% da largura. Os outros cantos levam metade desse raio.
  3. 3. Tangentes a 45°Una os dois retângulos por retas a 45° tangentes aos cantos. O contorno externo resultante é o grafismo.
  4. 4. Filete em toda quinaAs quinas onde o chanfro encontra os lados também são arredondadas. O grafismo nunca tem quina viva.
Variações

Dois tamanhos, três estilos e dois preenchimentos, todos na mesma escala. Padrão e grande têm sempre a mesma altura e mudam só na largura. O expandido só existe no tamanho grande e é o único com altura diferente.

Grafismo Padrão · Simples · Cheio
Padrão · Simples · Cheio
Grafismo Padrão · Simples · Vazado
Padrão · Simples · Vazado
Grafismo Padrão · Duplo · Cheio
Padrão · Duplo · Cheio
Grafismo Padrão · Duplo · Vazado
Padrão · Duplo · Vazado
Grafismo Grande · Simples · Cheio
Grande · Simples · Cheio
Grafismo Grande · Simples · Vazado
Grande · Simples · Vazado
Grafismo Grande · Duplo · Cheio
Grande · Duplo · Cheio
Grafismo Grande · Duplo · Vazado
Grande · Duplo · Vazado
Grafismo Grande · Expandido · Cheio
Grande · Expandido · Cheio
Grafismo Grande · Expandido · Vazado
Grande · Expandido · Vazado
Cores
Ouro, a cor principal do grafismo
Chumbo, em peças de uma cor e fundos claros
Branco, sobre fundos escuros e fotos
Regras
  • Padrão e grande têm sempre a mesma altura; só a largura muda. O expandido é o único que pode ter altura diferente.
  • Use só os arquivos oficiais desta página; não redesenhe a forma.
  • Mantenha a proporção. Para mudar o tamanho, escale a forma inteira.
  • Os chanfros ficam sempre no canto superior esquerdo e no inferior direito.
  • Combine cheios e vazados em ritmo, com espaço regular entre as formas.
  • Use no máximo duas cores de grafismo por peça, além do fundo.
Texto dentro do grafismo

Quando um texto vai dentro do grafismo (capas, faixas, placas e banners), ele segue um grid tirado da própria forma. Tudo sai de um módulo, m, o corte do chanfro.

Grid m é o corte do chanfro, 27% de H. Os cantos com chanfro ficam fora da área de texto.
Aplicação Título à esquerda, centrado na vertical, até duas linhas e no máximo 22% de H.
  • Módulo m: o corte do chanfro, igual a 27% da altura (H) do grafismo.
  • Área de texto: recue m das quatro bordas. Os chanfros e os cantos ficam inteiros fora dela, e o texto nunca entra neles.
  • A margem m é mínima: pode crescer, nunca diminuir. Se o texto não couber, quebre a linha ou alongue o grafismo grande na largura.
  • Título em DM Sans Black, entrelinha 1, até duas linhas, com corpo de no máximo 22% de H.
  • Alinhe à esquerda, na margem m, e centralize o bloco na vertical. Numa faixa que atravessa a página, o texto pode seguir a coluna do grid da página, desde que fique a pelo menos m da borda.
  • Se outro elemento cobre a borda do grafismo (vidro, foto ou outro grafismo), a margem m conta a partir da borda desse elemento.
  • Texto só no grafismo cheio simples, padrão ou grande, e na faixa. Vazado, duplo e expandido não recebem texto.
Mosaico

O mosaico da Encibra é o grafismo vazado repetido em fileiras horizontais. Ele cobre fundos de slides, capas, posts, telas e ambientes e dá textura à peça sem competir com o conteúdo. As fileiras se alinham no eixo X; de uma fileira para a outra as formas ficam desencontradas, como numa parede de tijolos irregular, então nada se alinha no eixo Y.

Ouro sobre Chumbo Traço Ouro a 70% sobre Chumbo. Fundos escuros, slides e telas.
Branco sobre Ouro Traço branco a 75% sobre Ouro. Capas, posts e campanhas.
Chumbo sobre Intermédio Traço Chumbo a 30% sobre Intermédio. Fundos claros e documentos.
Correto Fileiras alinhadas no X e juntas desencontradas de uma fileira para a outra.
Incorreto Fileiras iguais formam colunas: as formas se alinham também no Y.
  • Fileiras horizontais: todas as formas de uma fileira têm a mesma altura e se apoiam na mesma linha.
  • Desencontro: as juntas de uma fileira nunca caem sob as juntas da fileira de cima. Afaste as bordas verticais em pelo menos 35% da altura da forma, e não deixe formas empilhadas em coluna, nem de duas em duas fileiras.
  • Vão: o mesmo entre as formas e entre as fileiras, 14,45% da altura da forma (cerca de 1/7; 32 px numa forma de 221 px).
  • Formas: padrão e grande vazados, que têm a mesma altura. Misture as duas, sem duas grandes seguidas e sem mais de três padrão seguidas, e não repita a sequência da fileira vizinha. O duplo vazado pode se alternar com o simples, como na capa deste manual, sem dois iguais lado a lado. Cheio e expandido ficam fora do mosaico.
  • Sangria: as fileiras passam das quatro bordas da peça. Formas cortadas na borda são esperadas, e nenhuma fileira começa rente à margem.
  • Tamanho: a forma tem cerca de 20% do menor lado da peça (221 px num slide de 1080 px de altura). Numa composição com faixa, use metade da altura da faixa.
  • Traço fino e de uma cor só, cerca de 0,6% da altura da forma (1,5 px na tela). Ouro sobre Chumbo, branco sobre Ouro ou Chumbo suave sobre Intermédio.
  • Conteúdo: texto e logotipo nunca ficam soltos sobre as linhas. Eles vão sobre o grafismo cheio ou uma faixa, e as fileiras se afastam dela por um vão.
ModeloTamanhoOuro sobre ChumboBranco sobre OuroChumbo sobre Intermédio
Slide 16:91920 × 1080 pxSVGPDFPNGSVGPDFPNGSVGPDFPNG
Post quadrado1080 × 1080 pxSVGPDFPNGSVGPDFPNGSVGPDFPNG
Post retrato 4:51080 × 1350 pxSVGPDFPNGSVGPDFPNGSVGPDFPNG
Stories 9:161080 × 1920 pxSVGPDFPNGSVGPDFPNGSVGPDFPNG
A4 retrato2480 × 3508 px (300 dpi); PDF em 210 × 297 mmSVGPDFPNGSVGPDFPNGSVGPDFPNG
Efeitos: vidro, gradiente mesh e ruído

O grafismo sólido pode ganhar três efeitos: vidro, gradiente mesh e ruído. Eles dão profundidade e materialidade a peças digitais, ambientes e campanhas. Nos documentos a regra é a sobriedade: o grafismo fica sólido e os efeitos aparecem só onde a peça pede.

Vidro Placa translúcida sobre o grafismo ouro e o gradiente.
Gradiente mesh Ouro quente dentro do grafismo grande, com ruído.
Sem ruídoCom ruído
Ruído A granulação tira o aspecto plástico e evita faixas na impressão.

Vidro

O que é
O grafismo vira uma placa translúcida: desfoca e clareia o que está atrás, com um filete claro na borda.
Como
Preenchimento branco a 16%, desfoque de 24 px, saturação de 150% e borda de 1 px em branco a 55%. Sem sombra projetada.
Quando
Sobre foto, vídeo ou gradiente mesh. Sobre fundo liso o vidro não aparece e vira só uma forma pálida.
Meios
Digital (site, apps, redes, slides de capa) e ambientes, onde o vidro é vinil jateado ou acrílico fosco. No impresso, só como imagem já achatada.

Gradiente mesh

O que é
Preenchimento com vários pontos de cor que se misturam suavemente dentro do grafismo ou no fundo.
Como
Use só os gradientes oficiais do capítulo Cores e gradientes, no modo claro ou no escuro conforme o fundo da peça. Quatro pontos de cor no máximo, sempre vizinhos no círculo cromático, e o Ouro Encibra presente em pelo menos 40% da área quando ele for a cor da peça.
Quando
Grafismos grandes, fundos de capa e campanhas. Em formas pequenas o gradiente não se lê: use a cor sólida.
Meios
Digital e impresso. No impresso, aplique ruído junto para evitar faixas visíveis na transição.

Ruído

O que é
Granulação fina e monocromática por cima do grafismo, que tira o aspecto plástico do digital.
Como
Textura oficial em modo sobreposição, a 8% no digital e a 4% no impresso. Nunca colorida.
Quando
Sempre junto de gradiente mesh e de vidro. Sozinho, só em fundos grandes de cor sólida.
Meios
Digital e impresso. Em tela pequena, reduza à metade.
Intensidade por tipo de peça
PeçaVidroMeshRuídoObservação
Documentos Word e relatóriosNão usarNão usarNão usarGrafismo sólido. A capa usa a arte oficial.
Propostas e apresentações: conteúdoNão usarSutilNão usarSlides de conteúdo ficam sólidos; mesh só em fundos de destaque.
Apresentações: capa e separadoresModeradoModeradoSutilUm efeito protagonista por slide.
Site e interfacesModeradoModeradoSutilVidro em destaques sobre imagem. Botões e textos ficam sólidos.
Redes sociais e campanhasLivreLivreModeradoOnde os efeitos têm mais espaço.
Ambientes e sinalizaçãoModeradoSutilNão usarVidro como vinil jateado ou acrílico fosco; mesh só em impressão digital de grande formato.
Impressos gráficos (folder, cartaz)Não usarModeradoModeradoVidro só como imagem achatada; ruído obrigatório com mesh.
Regras dos efeitos
  • Efeitos só no grafismo cheio. O vazado é linha fina e perde leitura com qualquer efeito.
  • O efeito nunca muda a forma: chanfros a 45°, cantos arredondados e filetes continuam iguais.
  • Nunca aplique efeito no logotipo.
  • Um efeito protagonista por peça. Ruído pode acompanhar qualquer um.
  • Texto sobre efeito continua exigindo contraste de 4,5 : 1 no ponto mais claro do fundo.
  • Nada de sombra projetada, brilho externo ou reflexo. O vidro se resolve com desfoque e filete.
07

Aplicações

Como as regras se combinam nas peças mais comuns. Os modelos de Word e PowerPoint já aplicam tudo isso automaticamente.

Documentos (A4)
Relatório de
Inspeção Rodoviária
CapaArte oficial com o título em DM Sans Black sobre a faixa.
Encibra

1 Introdução

Este relatório apresenta os resultados da inspeção realizada no trecho concedido, conforme o escopo contratado e os critérios aplicáveis.

1.1 Objetivo

Verificar o atendimento aos parâmetros de desempenho previstos no contrato de concessão.

Caixa de destaque em Ouro 50 para conclusões e alertas.
Encibra · Relatório de Inspeção3
Página internaLogotipo à direita no cabeçalho, rodapé sem filete e numeração automática.
Indicadores
98,4%Indicador principal, em Ouro 50
212 kmIndicador secundário, em Intermédio
TrechoExtensãoSituação
km 0 – 4848 kmConforme
km 48 – 11264 kmNão conforme

Valores ilustrativos.

Apresentações (16:9)
Proposta TécnicaInspeção da operação e desempenhoCliente · outubro 2026
CapaTítulo, subtítulo e rodapé, cada um no seu campo e na sua opacidade.
02Metodologia
Separador de seçãoFundo chumbo, número grande em ouro e título em branco.
08

Usos incorretos

O logotipo, as cores e o grafismo só funcionam se forem usados sempre do mesmo jeito. Estes são os erros mais comuns.

Encibra
DistorcerNunca esticar ou achatar.
Encibra
GirarO logotipo nunca é girado; para espaços altos, use a versão vertical.
Encibra
Aplicar sombraNenhum efeito: sombra, brilho ou contorno.
Encibra
Trocar as coresUse só as versões oficiais.
Encibra
Colorida no escuroO nome preto some. Use a versão negativa.
Encibra
Ícone ouro no ouroSobre o Ouro Encibra, use a versão preta.
Texto ouro sobre fundo branco
Texto ouroContraste de 1,8 : 1. Ilegível.
Texto em preto puro e outra fonte
Preto puro e fonte alheiaTexto é chumbo #333333, em DM Sans ou Aptos.
Grafismo com quina vivaToda quina leva filete, inclusive as do chanfro.
Grafismo espelhadoOs chanfros ficam no canto superior esquerdo e no inferior direito.
09

Arquivos e modelos

Baixe sempre os arquivos oficiais desta página e nunca recrie o logotipo a partir de uma captura de tela.

Logotipos

SVG Web, apps e edição em Figma ou Illustrator. Vetor.

PDF Gráfica, sinalização e documentos. Vetor.

PNG Office, e-mail e redes. Fundo transparente, 2000 px.

Horizontal colorida

SVGPDFPNG

Horizontal negativa

SVGPDFPNG

Horizontal preta

SVGPDFPNG

Horizontal branca

SVGPDFPNG

Vertical colorida

SVGPDFPNG

Vertical negativa

SVGPDFPNG

Vertical preta

SVGPDFPNG

Vertical branca

SVGPDFPNG

Ícone ouro

SVGPDFPNG

Ícone preto

SVGPDFPNG

Ícone branco

SVGPDFPNG

Grafismo

10 formas em três cores, cada uma em SVG, PDF e PNG.

PréviaFormaOuroChumboBranco
Padrão · Simples · CheioSVGPDFPNGSVGPDFPNGSVGPDFPNG
Padrão · Simples · VazadoSVGPDFPNGSVGPDFPNGSVGPDFPNG
Padrão · Duplo · CheioSVGPDFPNGSVGPDFPNGSVGPDFPNG
Padrão · Duplo · VazadoSVGPDFPNGSVGPDFPNGSVGPDFPNG
Grande · Simples · CheioSVGPDFPNGSVGPDFPNGSVGPDFPNG
Grande · Simples · VazadoSVGPDFPNGSVGPDFPNGSVGPDFPNG
Grande · Duplo · CheioSVGPDFPNGSVGPDFPNGSVGPDFPNG
Grande · Duplo · VazadoSVGPDFPNGSVGPDFPNGSVGPDFPNG
Grande · Expandido · CheioSVGPDFPNGSVGPDFPNGSVGPDFPNG
Grande · Expandido · VazadoSVGPDFPNGSVGPDFPNGSVGPDFPNG
TTF
Fontes

DM Sans Regular, Medium, Bold e Black para Word e PowerPoint, e a versão variável (todos os pesos e tamanhos ópticos) para Figma e web. Licença SIL Open Font. A Aptos vem com o Microsoft 365.

DM Sans RegularDM Sans MediumDM Sans BoldDM Sans BlackDM Sans variável

JPG
Artes de fundo

Capa A4, capa de slide e fundo escuro com o padrão de blocos.

Capa A4Capa de slideFundo escuro

PNG
Textura de ruído

512 px, monocromática e repetível. Use em modo sobreposição, a 8% no digital e 4% no impresso.

Ruído 512 px

Para IA

O manual inteiro em Markdown está em /llms-full.txt, com índice em /llms.txt. Cada capítulo também tem o botão “Copiar para IA”, que copia só aquele trecho.

Histórico de versões
  • 2.3 · Tipografia em escala única (11, 13, 16, 20, 26, 42 e 68 px), na mesma série φ dos espaços. DM Sans Black só de 26 px para cima. Tamanhos completos para documentos e apresentações; subtítulo e rodapé da capa de slide em Neutro 600. DM Sans variável, com tamanho óptico automático no site, e DM Sans Medium para baixar. Sem itálico: o destaque vem do peso.
  • 2.2 · Nova seção Mosaico no capítulo Grafismo, com as regras das fileiras desencontradas, exemplos e modelos para slide, posts, stories e A4 em três cores. Capa deste manual com o título menor, o logotipo preto e o mosaico no fundo. Tamanho mínimo do logotipo vertical.
  • 2.1 · Capítulo 03 passa a se chamar Cores e gradientes, com os gradientes oficiais e as regras de uso deles. Saiu o gradiente Ouro sobre azulado, que misturava as duas cores; ficam três: Ouro quente, Noite azulada e Carvão. Novo grid para texto dentro do grafismo, aplicado à capa A4 e à capa deste manual. Logotipo vertical em quatro cores, com arquivos para download.
  • 2.0 · Efeitos do grafismo (vidro, gradiente mesh e ruído) com intensidade por tipo de peça; quatro gradientes oficiais em modo claro e escuro, entre eles o Carvão, do preto ao chumbo; Preto como cor auxiliar; todas as cores copiáveis com um clique; escalas de 50 a 900 alinhadas; grafismos padrão e grande com a mesma altura; grid em proporção áurea; favicon e ícones de app.
  • 1.1 · Cores com os nomes do Figma, CMYK e Pantone; paleta estendida; área de proteção e tamanho mínimo; capítulo do grafismo com 30 arquivos; downloads em SVG, PDF e PNG; versão para LLMs.
  • 1.0 · Primeira versão no site: logotipo, cores, tipografia, aplicações e usos incorretos.