00Central de Identidade · teste · opção escura
Tudo da identidade Perto,
num só lugar.
Logos, lockups, ícones, selos, cores e ornamentos — os arquivos oficiais, com as regras de uso ao lado de cada um. Nada aqui foi redesenhado: o que está nesta página é o que vai para a peça.
orn3d_marca · nuvem de pontos do próprio logo
- 8logos oficiais e derivados
- 20lockups de produto
- 77ícones que herdam a cor
- 9selos de conformidade
- 5ornamentos 3D
01A marca
A marca, em versão oficial.
O que a Perto é e como fala — para nunca reescrever de cabeça. Texto da Base de Conhecimento Comercial.
"Não é só acessibilidade.
Base de Conhecimento Comercial · Perto Digital
É experiência digital.
É crescimento."
- Tagline
- Solução de acessibilidade digital mais completa do mundo, de verdade.
- Claim
- A empresa de acessibilidade digital mais premiada do Brasil.
- Entidade
- Perto Digital · em texto corrido: "a Perto"
- Posicionamento
- Ecossistema completo de acessibilidade — "não é só um plugin". Parceira estratégica, 100% brasileira.
- Assinaturas
- "Acessibilidade para Perto da sua marca?" · "Trazer para Perto" · "O Perto é para todos"
Tom de voz
- Estratégico e consultivo — parceira que ajuda a decidir, não fornecedor que empurra
- Confiante sem arrogância — liderança sustentada por prova concreta
- Orientado a dados — todo argumento carrega um número ou uma lei
- Urgência sem alarmismo — nomeia o custo da inação e aponta a solução
- Claro e acessível por princípio — a comunicação pratica o que a empresa prega
Na prática
"Ajude os menos favorecidos"Inclusão é direito e oportunidade — nunca caridade"Evite processos! Compre já!""98% das empresas desconhecem a obrigatoriedade legal (LBI, Art. 63)""Milhões de pessoas...""60 milhões de brasileiros — 86% comprariam mais em sites acessíveis""portadores de deficiência"pessoas com deficiência
Propósito
Inclusão concreta e verificável, que legitima ESG com prova prática — como a Nissan, case público de reputação.
Conformidade
Acessibilidade digital é lei: LBI 13.146/2015 (Art. 63), ABNT NBR 17225, eMAG, WCAG — com jurisprudência consolidada.
Performance
Menos rejeição, mais conversão e melhor SEO: barreiras removidas devolvem jornadas completas para 60 milhões de pessoas.
Marcas que já são acessíveis com a Perto
02Logos
Logos: o sufixo diz o fundo.
Apresentação do logo no canvas invertido — como o Finpath faz com o bloco branco. Tudo em SVG vetorial, com PNG de 3000 px. A regra que evita 90% dos erros: _fundo-claro vai em fundo claro, _fundo-escuro em fundo escuro.
Pacote
Todos os logos · SVG + PNG + favicons 512 / 180 / 32Usos proibidos · manual de marca
- Distorcer ou mudar a proporção
- Rotacionar
- Mudar a cor
- Inverter os elementos
- Trocar a tipografia
- Aplicar efeitos ou sombra
- Usar contorno no logo colorido
- Usar versão sem contraste com o fundo
Área de proteção: no mínimo o respiro equivalente à altura do tile em todos os lados. Tamanho mínimo: 100 px digital, 210 px em redes sociais.
03Produtos
Produtos têm lockup próprio.
Tile branco arredondado, ícone, nome em Baloo 2 e "Perto" em ciano. Nunca desenhe um ícone de produto — os oficiais estão aqui, em SVG e PNG, nas duas versões de fundo.
Também no acervo, em PNG oficial do CDN: Texto Alternativo Perto ↓ · Texto Acessível Perto ↓ · Vídeo Perto ↓.
Ícones de produto · turquesa para viver dentro do tile
03·bComo o Plugin entra na página
Uma linha, sempre a oficial.
O Plugin é produto, não componente de layout: nunca redesenhe o painel, nem em mockup. Cole o script e ele se renderiza sozinho, na versão atual, com os 77 ícones que estão nesta página.
script · cole antes de </body>
<script src="https://cdn.pertoplugin.link/plugin/perto.js.gz"></script>
Esta página carrega o original — o botão aparece quando o domínio está autorizado no painel da Perto.
05Ícones
77 ícones que herdam a cor.
São os mesmos arquivos que o Plugin Perto carrega em produção, desenhados com currentColor. Clique para copiar o caminho.
Perfis de acessibilidade · 9
Um clique liga o conjunto de ajustes de um perfil. São os 8 perfis do Plugin.
Navegação · 8
Como a pessoa se move pela página sem depender de mouse ou monitor.
Conteúdo · 14
Recursos que reescrevem, descrevem ou reorganizam o que está na tela.
Cor e tipografia · 13
Contraste, saturação e ajustes de texto — o grupo mais usado do Plugin.
Som · 3
Leitura em voz alta, comando por voz e controle de áudio.
Interface · 12
Os controles que montam a barra e os painéis: abas, setas e passos.
Conformidade e ajuda · 5
Os links obrigatórios de um rodapé de acessibilidade.
Ícones de marca e recursos · 13
Os ícones que o site oficial usa para nomear diferenciais e canais. Os badges coloridos entram como imagem — não recolorir.
Pacote
Todos os ícones · 77 SVG06Cores
Cores com contraste medido.
Clique em qualquer cor para copiar o HEX. Nesta opção, o quase-preto é o bg-base oficial e o acento é a lima clara — a mesma dupla do site da Perto, levada ao limite. Todos os pares de texto desta página passam em WCAG 2.2 AA nos dois temas, verificados por teste a cada build.
Primárias
Fundos escuros · a base desta opção
Secundárias
Apoio e dataviz
Regra de proporção
Numa peça escura, 70–80% é fundo turquesa profunda, ~15% superfícies e 5–10% acentos. Lima é tempero: uma pill, uma palavra do título, um card de destaque — nunca o prato principal.
Tema escuro · pares verificados
| Gelo 50 #F8FEFE sobre bg-base | 19,5 : 1 |
| Gelo 200 #DCE8EA sobre bg-2 | 15,6 : 1 |
| Gelo 400 #BCD1D1 sobre bg-2 | 10,8 : 1 |
| Lima clara #B3F169 como texto | 12,8 : 1 |
| Ink sobre lima clara | 11,9 : 1 |
| Ciano Perto #00A5C1 como texto | 5,9 : 1 |
07Tipografia
Três famílias, cada uma com um papel.
Baloo 2 em logos, nomes de produto e display publicitário. Inter no corpo e na interface. A novidade desta opção é uma geométrica em peso leve para os títulos — o gesto do Finpath — usada só em display.
Perto.
Mais completa do mundo, de verdade.
São 60 milhões de brasileiros que precisam de acessibilidade digital — e 86% comprariam mais se o site fosse acessível.
Versão · set 2026 Escopo · marca / assets
Trazer para Perto
08Ornamentos 3D
Ornamentos que já são matriz de pontos.
Cada peça tem geometria tridimensional real — pontos com (x, y, z), projetados em perspectiva e iluminados pela normal, a partir do próprio logo. São textura, nunca informação: entram com aria-hidden, atrás do conteúdo, e desaparecem em transparência reduzida.
Pacotes
Ornamentos 2D e 3D · o visualizador que gira as nuvens está na v109Materiais
Materiais que o time publica.
Apresentações, propostas e cases subidos pela área de admin. A lista vem da biblioteca da Central e está sempre na versão mais recente.
Carregando a lista…
10Acervo
Onde está cada coisa.
O acervo oficial fora desta página: Figma, Drive, apresentações, vídeos, cases e Pertocast. Clique para copiar o nome exato da pasta ou do arquivo.