# Manual de Identidade Visual Encibra

> Guia de identidade visual da Encibra, empresa brasileira de engenharia consultiva. Versão 2.3, outubro de 2026. Fonte: https://encibra-manual.vercel.app

## 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 de documentos e apresentações e do manual no Figma.

- **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 principal é a **horizontal colorida**: ícone em Ouro Encibra e nome em preto, sobre fundo claro.

### Versão horizontal
- **Horizontal colorida:** Ícone em ouro e nome em preto, sobre fundos claros. É a versão principal.
- **Horizontal negativa:** Ícone em ouro e nome em branco. Para fundos chumbo, cinza azulado e escuros. É a versão dos slides escuros.
- **Horizontal preta:** Impressão em uma cor, carimbos, fundo ouro e documentos em preto e branco.
- **Horizontal branca:** Sobre 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.

- **Vertical colorida:** Ícone em ouro e nome em preto, sobre fundos claros.
- **Vertical negativa:** Ícone em ouro e nome em branco, sobre fundos escuros.
- **Vertical preta:** Uma cor, carimbos e fundo ouro.
- **Vertical branca:** Sobre fotos e fundos com textura.

### Ícone
- **Ícone ouro:** Avatar de redes, favicon e selos. Fundo claro ou chumbo.
- **Ícone preto:** Sobre o Ouro Encibra e em impressão de uma cor.
- **Ícone branco:** Sobre 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
- **Unidade:** x é metade da altura do ícone. Na Encibra, essa medida coincide com a altura das minúsculas do nome (o “n” de Encibra).
- **Regra:** 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.
- **Por quê:** 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
- Horizontal na tela: 100 px de largura
- Horizontal impressa: 25 mm de largura
- Vertical na tela: 72 px de largura (cerca de 117 px de altura)
- Vertical impressa: 18 mm de largura (cerca de 30 mm de altura)
- Ícone na tela: 20 px de altura
- Ícone impresso: 6 mm de altura
- Bordado e gravação: 40 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](https://developer.spotify.com/documentation/design), [GitLab Brand: core logo](https://design.gitlab.com/brand-logo/core-logo), [Unilever logo guidelines](https://www.unilever.com/files/new-visual-identity-logo-guidelines.pdf), [Mastercard Brand Center](https://www.mastercard.com/brandcenter/en/brand-requirements/mastercard), [SES exclusion zone](https://brand.ses.com/brand-elements/exclusion-zone).

## 03 Cores e gradientes

Cinco cores principais, com os nomes do manual no Figma. O Ouro Encibra é a cor da marca e o Cinza azulado é a cor de ação.

| Cor | Papel | HEX | RGB | CMYK (FOGRA39) | Pantone C / U | Uso |
| --- | --- | --- | --- | --- | --- | --- |
| Ouro Encibra | Marca | #F2BC1B | 242, 188, 27 | 5 · 27 · 91 · 0 | 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. |
| Cinza azulado | Ação | #2E4053 | 46, 64, 83 | 80 · 59 · 39 · 47 | 7546 C / 296 U | Botões, links e elementos que pedem uma ação. Também serve como fundo escuro alternativo ao chumbo. |
| Chumbo | Texto e fundo escuro | #333333 | 51, 51, 51 | 66 · 56 · 54 · 66 | 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. |
| Intermédio | Fundo claro | #F5F5F5 | 245, 245, 245 | 5 · 3 · 4 · 0 | 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. |
| Básico | Fundo base | #FFFFFF | 255, 255, 255 | 0 · 0 · 0 · 0 | Sem tinta / Sem tinta | Fundo padrão de páginas, documentos e slides de conteúdo. É a cor do papel. |

- CMYK convertido com perfil ICC ISO Coated v2 (FOGRA39), intenção colorimétrica relativa com compensação de ponto preto. Em papel não revestido, peça a conversão à gráfica com o perfil PSO Uncoated v3 (FOGRA52).
- Pantone escolhido pela menor diferença ΔE 2000 entre a cor da marca e a biblioteca Pantone Solid Coated e Uncoated. O 7408 U fica alaranjado demais no papel não revestido; por isso o uncoated do ouro é 7406 U.

### Proporção de uso
Básico 60%, Chumbo 25%, Ouro 10%, Azulado 5%. A base de 60% é o fundo da peça: Básico (branco) nos trabalhos de tema claro e Preto nos de tema escuro. Em capas a faixa ouro é o centro da peça.

### Legibilidade (WCAG 2.1)
Texto corrido exige 4,5 : 1 e título grande exige 3 : 1.

| Texto / fundo | Contraste | Texto corrido | Título grande |
| --- | --- | --- | --- |
| Chumbo sobre Básico | 12,6 : 1 | Sim | Sim |
| Chumbo sobre Intermédio | 11,6 : 1 | Sim | Sim |
| Chumbo sobre Ouro Encibra | 7,2 : 1 | Sim | Sim |
| Ouro Encibra sobre Chumbo | 7,2 : 1 | Sim | Sim |
| Básico sobre Cinza azulado | 10,6 : 1 | Sim | Sim |
| Ouro Encibra sobre Cinza azulado | 6,1 : 1 | Sim | Sim |
| Neutro 600 sobre Básico | 6,4 : 1 | Sim | Sim |
| Ouro Encibra sobre Básico | 1,8 : 1 | Não | Não |
| Básico sobre Ouro Encibra | 1,8 : 1 | Não | Não |

### 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**
  - Modo claro: base Ouro 500 #F2BC1B; pontos Ouro 300 #FCD057, Âmbar #EC9326, Ouro 700 #AC7309, Ouro 400 #F7C532
  - Modo escuro: base Ouro 800 #805216; pontos Ouro 600 #D49807, Âmbar #EC9326, Ouro 900 #5A3613, Ouro 700 #AC7309
- **Noite azulada**
  - Modo claro: base Cinza azulado 100 #E3EAF3; pontos Cinza azulado 50 #F1F6FA, Cinza azulado 300 #A7BACD, Cinza azulado 200 #C9D6E4
  - Modo escuro: base Cinza azulado 800 #212F3E; pontos Cinza azulado 600 #435A72, Petróleo #27757D, Cinza azulado 900 #16202B, Cinza azulado 500 #5E7791
- **Carvão**
  - Modo claro: base Neutro 100 #E8E8E8; pontos Intermédio #F5F5F5, Neutro 300 #B7B7B7, Básico #FFFFFF, Neutro 200 #D4D4D4
  - Modo escuro: base Neutro 900 #292929; pontos Chumbo #333333, Preto #000000

### 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

Cores para gráficos, mapas, sinalização e interfaces. Elas apoiam as cores principais e nunca as substituem.

- **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:** 50 #FFF7D7, 100 #FDEEBD, 200 #FEE18B, 300 #FCD057, 400 #F7C532, 500 #F2BC1B, 600 #D49807, 700 #AC7309, 800 #805216, 900 #5A3613
- **Cinza azulado:** 50 #F1F6FA, 100 #E3EAF3, 200 #C9D6E4, 300 #A7BACD, 400 #8198B0, 500 #5E7791, 600 #435A72, 700 #2E4053, 800 #212F3E, 900 #16202B
- **Neutro:** 50 #F5F5F5, 100 #E8E8E8, 200 #D4D4D4, 300 #B7B7B7, 400 #959595, 500 #797979, 600 #5F5F5F, 700 #484848, 800 #333333, 900 #292929

### Cores de apoio
- **Âmbar** #EC9326: Análoga ao ouro, 25° mais quente. Contraste com branco 2,4 : 1.
- **Terracota** #BD5833: Análoga distante, terra e obra. Contraste com branco 4,6 : 1.
- **Oliva** #808F3B: Análoga do lado verde, ouro escurecido. Contraste com branco 3,6 : 1.
- **Petróleo** #27757D: Entre o cinza azulado e o complemento do ouro. Contraste com branco 5,3 : 1.

### Cores de estado
- **Sucesso** #298646: Conforme, aprovado, concluído. Contraste com branco 4,6 : 1.
- **Atenção** #D27908: Pendência, prazo próximo, ressalva. Contraste com branco 3,2 : 1.
- **Erro** #C5372F: Não conforme, reprovado, falha. Contraste com branco 5,3 : 1.
- **Informação** #5E7791: Notas, avisos neutros. Contraste com branco 4,6 : 1.

Tokens CSS: `--cor-ouro-700`, `--cor-cinza-azulado-200`, `--cor-neutro-600`, `--cor-sucesso` etc. No Tailwind: `bg-ouro-50`, `text-neutro-600`.

## 05 Tipografia

DM Sans é a fonte da marca. Em documentos Word, o texto corrido usa Aptos, a fonte padrão do Microsoft 365.

### Escala tipográfica
| Nível | Fonte | Tamanho | Entrelinha | Regra |
| --- | --- | --- | --- | --- |
| Display | DM Sans Black | 68 px · 42 px no celular | 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 | 1,05 | Abre capítulos e seções principais. Chumbo, ou Ouro Encibra sobre fundo escuro. |
| Subtítulo | DM Sans Bold | 26 px | 1,15 | Divide o capítulo em partes. Chumbo. |
| Intertítulo | DM Sans Bold | 20 px | 1,25 | Título de cartão, quadro ou tabela. Chumbo. |
| Destaque | DM Sans Regular | 20 px · 18 px no celular | 1,5 | Parágrafo de abertura. Neutro 600. |
| Texto | DM Sans Regular | 16 px | 1,6 | Chumbo. Destaque com Bold, nunca com itálico ou sublinhado. |
| Legenda | DM Sans Regular | 13 px | 1,5 | Legendas, notas e tabelas compactas. Neutro 600. |
| Rótulo | DM Sans Bold | 11 px, caixa alta | 1,4 | Nomeia blocos. Espaçamento 0,1 em, Neutro 600. Menor tamanho permitido. |

Os tamanhos seguem a série φ dos espaços (11, 13, 16, 20, 26, 42, 68 px), 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.

### Documentos (A4)
- Título da capa: DM Sans Black 26 pt sobre a faixa ouro.
- Títulos 1 a 4: DM Sans Bold 16 / 14 / 12,5 / 11,5 pt, numeração automática (1, 1.1, 1.1.1).
- Corpo: Aptos 12 pt, justificado com hifenização automática, entrelinha 1,5, recuo de 1,25 cm, margens de 2,5 cm.
- Tabelas: Aptos 9 pt, cabeçalho em Intermédio #F5F5F5.
- Legendas e fontes: Aptos 9 pt, em Neutro 600 #5F5F5F.
- Cabeçalho e rodapé: Aptos 8 pt, chumbo, número da página à direita.

### Apresentações (16:9)
- Título da capa: DM Sans Black 32 pt, chumbo.
- Subtítulo da capa: DM Sans Regular 20 pt, Neutro 600 #5F5F5F.
- Rodapé da capa: DM Sans Regular 16 pt, Neutro 600.
- Título de slide: DM Sans Black 30 pt, chumbo.
- Número de seção e indicadores: DM Sans Black em Ouro Encibra.
- Corpo e tópicos: DM Sans Regular 16 pt (mínimo 14 pt), chumbo.
- Tabelas: cabeçalho DM Sans Bold 13 pt, células Regular 12 pt.

## 06 Grafismo

O grafismo é o bloco chanfrado que forma o ícone: um retângulo com chanfros a 45° no canto superior esquerdo e no inferior direito e cantos arredondados nos outros dois.

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

### Variações
Tamanhos:
- **Padrão:** Mesma altura do grande, mais estreito. Uso geral, ícones de seção, padrões.
- **Grande:** Mesma altura do padrão, mais largo. Placas de logotipo, faixas e painéis.

Estilos:
- **Simples:** Uma forma. A base de tudo.
- **Duplo:** Forma com um recorte interno concêntrico: moldura grossa quando cheio, dois contornos quando vazado.
- **Expandido:** Chanfro alongado na diagonal, com recorte interno. Só existe no tamanho grande.

Preenchimentos:
- **Cheio:** Forma sólida.
- **Vazado:** Só o contorno, em traço fino.

- Cores: Ouro Encibra, Chumbo e Branco.
- Total: 10 formas × 3 cores = 30 arquivos, em SVG, PDF e PNG.

### 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.

- 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.

- 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.

Modelos prontos (SVG, PDF e PNG), em Ouro sobre Chumbo, Branco sobre Ouro, Chumbo sobre Intermédio:
- Slide 16:9 (1920 × 1080 px): [ouro-sobre-chumbo](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-slide-ouro-sobre-chumbo.svg), [branco-sobre-ouro](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-slide-branco-sobre-ouro.svg), [chumbo-sobre-intermedio](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-slide-chumbo-sobre-intermedio.svg)
- Post quadrado (1080 × 1080 px): [ouro-sobre-chumbo](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-quadrado-ouro-sobre-chumbo.svg), [branco-sobre-ouro](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-quadrado-branco-sobre-ouro.svg), [chumbo-sobre-intermedio](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-quadrado-chumbo-sobre-intermedio.svg)
- Post retrato 4:5 (1080 × 1350 px): [ouro-sobre-chumbo](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-retrato-ouro-sobre-chumbo.svg), [branco-sobre-ouro](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-retrato-branco-sobre-ouro.svg), [chumbo-sobre-intermedio](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-retrato-chumbo-sobre-intermedio.svg)
- Stories 9:16 (1080 × 1920 px): [ouro-sobre-chumbo](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-stories-ouro-sobre-chumbo.svg), [branco-sobre-ouro](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-stories-branco-sobre-ouro.svg), [chumbo-sobre-intermedio](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-stories-chumbo-sobre-intermedio.svg)
- A4 retrato (2480 × 3508 px (300 dpi); PDF em 210 × 297 mm): [ouro-sobre-chumbo](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-a4-ouro-sobre-chumbo.svg), [branco-sobre-ouro](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-a4-branco-sobre-ouro.svg), [chumbo-sobre-intermedio](https://encibra-manual.vercel.app/downloads/mosaico/svg/mosaico-a4-chumbo-sobre-intermedio.svg)

### 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
- 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.

Valores técnicos: vidro com desfoque 24px, saturação 150%, preenchimento rgba(255, 255, 255, 0.16) e borda rgba(255, 255, 255, 0.55). Textura de ruído: [ruido-512.png](https://encibra-manual.vercel.app/downloads/texturas/ruido-512.png).

Gradientes oficiais e regras de uso: veja o capítulo 03 Cores e gradientes.

Intensidade por tipo de peça:

| Peça | Vidro | Mesh | Ruído | Observação |
| --- | --- | --- | --- | --- |
| Documentos Word e relatórios | Não usar | Não usar | Não usar | Grafismo sólido. A capa usa a arte oficial. |
| Propostas e apresentações: conteúdo | Não usar | Sutil | Não usar | Slides de conteúdo ficam sólidos; mesh só em fundos de destaque. |
| Apresentações: capa e separadores | Moderado | Moderado | Sutil | Um efeito protagonista por slide. |
| Site e interfaces | Moderado | Moderado | Sutil | Vidro em destaques sobre imagem. Botões e textos ficam sólidos. |
| Redes sociais e campanhas | Livre | Livre | Moderado | Onde os efeitos têm mais espaço. |
| Ambientes e sinalização | Moderado | Sutil | Não usar | Vidro como vinil jateado ou acrílico fosco; mesh só em impressão digital de grande formato. |
| Impressos gráficos (folder, cartaz) | Não usar | Moderado | Moderado | Vidro 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

- **Capa de documento A4:** arte oficial com o título em DM Sans Black sobre a faixa ouro.
- **Página interna:** logotipo à direita no cabeçalho, rodapé sem filete, numeração automática, caixa de destaque em Ouro 50 #FFF7D7.
- **Indicadores:** número em DM Sans Black; o principal em fundo Ouro 50, os demais em Intermédio.
- **Capa de slide:** título, subtítulo e rodapé, cada um no seu campo e na sua opacidade.
- **Separador de seção:** fundo chumbo, número grande em ouro e título em branco.
- **Ambientes:** grafismos em adesivo branco e ouro, em ritmo de cheios e vazados.

## 08 Usos incorretos

- **Distorcer:** Nunca esticar ou achatar.
- **Girar:** O logotipo nunca é girado; para espaços altos, use a versão vertical.
- **Aplicar sombra:** Nenhum efeito: sombra, brilho ou contorno.
- **Trocar as cores:** Use só as versões oficiais.
- **Colorida no escuro:** O nome preto some. Use a versão negativa.
- **Ícone ouro no ouro:** Sobre o Ouro Encibra, use a versão preta.
- **Texto ouro sobre branco:** contraste de 1,8 : 1, ilegível.
- **Preto puro e fonte alheia:** texto é chumbo #333333, em DM Sans ou Aptos.
- **Grafismo com quina viva:** toda quina do grafismo, inclusive as do chanfro, é arredondada.

## 09 Arquivos

Baixe sempre os arquivos oficiais 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: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/logo-horizontal-cor.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/logo-horizontal-cor.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/logo-horizontal-cor.png)
- Horizontal negativa: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/logo-horizontal-negativo.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/logo-horizontal-negativo.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/logo-horizontal-negativo.png)
- Horizontal preta: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/logo-horizontal-preto.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/logo-horizontal-preto.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/logo-horizontal-preto.png)
- Horizontal branca: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/logo-horizontal-branco.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/logo-horizontal-branco.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/logo-horizontal-branco.png)
- Vertical colorida: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/logo-vertical-cor.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/logo-vertical-cor.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/logo-vertical-cor.png)
- Vertical negativa: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/logo-vertical-negativo.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/logo-vertical-negativo.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/logo-vertical-negativo.png)
- Vertical preta: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/logo-vertical-preto.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/logo-vertical-preto.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/logo-vertical-preto.png)
- Vertical branca: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/logo-vertical-branco.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/logo-vertical-branco.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/logo-vertical-branco.png)
- Ícone ouro: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/icone-amarelo.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/icone-amarelo.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/icone-amarelo.png)
- Ícone preto: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/icone-preto.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/icone-preto.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/icone-preto.png)
- Ícone branco: [SVG](https://encibra-manual.vercel.app/downloads/logos/svg/icone-branco.svg) · [PDF](https://encibra-manual.vercel.app/downloads/logos/pdf/icone-branco.pdf) · [PNG](https://encibra-manual.vercel.app/downloads/logos/png/icone-branco.png)

### Grafismo
Pasta `/downloads/grafismo/{svg,pdf,png}/`, arquivos `grafismo-{padrao|grande}-{simples|duplo|expandido}-{cheio|vazado}-{ouro|chumbo|branco}`. Exemplo: [grafismo-grande-duplo-vazado-ouro.svg](https://encibra-manual.vercel.app/downloads/grafismo/svg/grafismo-grande-duplo-vazado-ouro.svg).

### Outros
- 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 Regular](https://encibra-manual.vercel.app/downloads/fonts/DMSans-Regular.ttf) · [DM Sans Medium](https://encibra-manual.vercel.app/downloads/fonts/DMSans-Medium.ttf) · [DM Sans Bold](https://encibra-manual.vercel.app/downloads/fonts/DMSans-Bold.ttf) · [DM Sans Black](https://encibra-manual.vercel.app/downloads/fonts/DMSans-Black.ttf) · [DM Sans variável](https://encibra-manual.vercel.app/downloads/fonts/DMSans-Variavel.ttf)
- Artes de fundo: Capa A4, capa de slide e fundo escuro com o padrão de blocos. [Capa A4](https://encibra-manual.vercel.app/downloads/artes/capa-a4.jpg) · [Capa de slide](https://encibra-manual.vercel.app/downloads/artes/capa-slide.jpg) · [Fundo escuro](https://encibra-manual.vercel.app/downloads/artes/fundo-escuro.jpg)
- 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](https://encibra-manual.vercel.app/downloads/texturas/ruido-512.png)

### 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.