Perto.digital Central de Identidade versão set/2026

O Perto é para todos

Tudo que a marca precisa,
sempre por Perto.

A central da identidade Perto Digital: os logos oficiais para baixar, as cores com contraste verificado, a tipografia, os componentes e o acervo completo — em uma única página, sempre na versão oficial.

A marca

O que a Perto é, em versão oficial — para nunca reescrever de cabeça.

"Não é só acessibilidade.
É experiência digital.
É crescimento."

Base de Conhecimento Comercial · Perto Digital
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.

Logos

Arquivos oficiais, prontos para baixar. A regra que evita 90% dos erros: o sufixo do arquivo diz o fundo de destino — _fundo-claro vai em fundo claro, _fundo-escuro vai em fundo escuro.

Logo Perto.digital monocromático branco sobre fundo escuro

Monocromático branco

392×107 · aplicações em uma cor

Pacote completo

Todos os PNGs desta página em um único arquivo.

Baixar todas as logos (.zip) ↓

Vetores (SVG/AI), versões em alta e logos de produtos vivem na pasta do Drive da marca e no Manual de Marca no Figma ↗. Os lockups de produto seguem o padrão: tile branco + nome do produto + "Perto" em ciano.

Usos 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
  • Usar versão sem contraste com o fundo

Área de proteção: deixe ao redor do logo, no mínimo, o respiro equivalente à altura do tile. Sobre fundo escuro use sempre a versão _fundo-escuro.

Produtos

Os ícones oficiais do ecossistema em SVG vetorial + PNG 512px, e os lockups completos de cada produto. Os ícones são desenhados em turquesa para viver dentro do tile branco — é assim que a marca aplica.

Ícones de produto · SVG + PNG

Ícone do Plugin Perto: figura de acessibilidade com lupa
PluginSVG · PNG
Ícone do Libras Perto: mão em sinal de Libras
LibrasSVG · PNG
Ícone do Assistente Perto: assistente com headset
AssistenteSVG · PNG
Ícone do Pacote de Comunicação: pasta de documentos
Pacote de ComunicaçãoSVG · PNG
Ícone do Texto em Fala: linhas de texto com nota musical
Texto em FalaSVG · PNG
Ícone do Análise Perto: gráfico de barras com linha de tendência
AnáliseSVG · PNG
Ícone do Monitor Perto: lupa de inspeção
MonitorSVG · PNG
Ícone de artigos e blog: documento com linhas de texto
Artigos · BlogSVG · PNG
Ícone do Pertocast: tela transmitindo
PertocastSVG · PNG
Ícone de suporte: boia de salvamento
SuporteSVG · PNG

Lockups de produto · para fundo escuro

Ícones do botão do Plugin · 5 variantes oficiais

Variante 1 do ícone do botão do Plugin
Variante 1SVG · PNG
Variante 2 do ícone do botão do Plugin
Variante 2SVG · PNG
Variante 3 do ícone do botão do Plugin
Variante 3SVG · PNG
Variante 4 do ícone do botão do Plugin
Variante 4SVG · PNG
Variante 5 do ícone do botão do Plugin: olho em círculo
Variante 5SVG · PNG

Pacote de produtos

Ícones (SVG + PNG), lockups e variantes do botão do Plugin.

Baixar produtos (.zip) ↓

Selos de conformidade

Os selos oficiais que a Perto emite por norma atendida. Use-os para comprovar conformidade — sempre com o nome da norma legível e sem recolorir.

Selo de certificação de acessibilidade WCAG
WCAGSVG · PNG
Selo de certificação de acessibilidade LBI
LBISVG · PNG
Selo de certificação de acessibilidade e-MAG
e-MAGSVG · PNG
Selo de certificação LGPD
LGPDSVG · PNG
Selo de certificação de acessibilidade ADA
ADASVG · PNG
Selo de certificação GDPR
GDPRSVG · PNG
Selo de certificação HIPAA
HIPAASVG · PNG
Selo de certificação COPPA
COPPASVG · PNG
Selo de certificação UNRUH
UNRUHSVG · PNG

Pacote de selos

Os 9 selos em SVG e PNG.

Baixar selos (.zip) ↓

Cores

Clique em qualquer cor para copiar o HEX. Contrastes verificados por WCAG 2.1 — não estimados.

Primárias

Fundos escuros · a base da marca

Secundárias

Apoio e dataviz

Regras de ouro: numa peça escura, ~70–80% é fundo Turquesa profunda, ~15% superfícies de vidro/Gelo e ~5–10% acentos. Lima é tempero, nunca prato principal — e 1–2 palavras em lima por título bastam.

Pares de contraste verificados (WCAG 2.1)

✓ Aprovados

  • Branco sobre #00171D — ~19:1
  • #B3F169 sobre #00171D — ~13:1
  • #91C829 sobre #00171D — ~8:1
  • Branco sobre #0B5A6A — ~7,7:1
  • #0B5A6A sobre branco — ~7,7:1
  • #00A5C1 sobre #00171D — ~5,5:1
  • Branco sobre #49842A — ~4,6:1 (botões)

✗ Reprovados — nunca use

  • #91C829 (Lima) sobre branco — ~1,9:1
  • #9CB865 (Oliva) sobre branco — ~2,2:1
  • #B3F169 sobre branco
  • #00A5C1 sobre branco — só em texto grande (≥24px)

No claro, o destaque vira Turquesa #0B5A6A ou Verde botão #49842A.

Tipografia

Baloo 2 em logos, nomes de produto e display publicitário. Inter em todo o resto — títulos de conteúdo, corpo, UI e documentos. Nada além disso.

Kicker

Inter SemiBold · CAPS · tracking largo · lima ou ciano · 1 por seção

O Perto é para todos

Headline

Inter Bold/ExtraBold · branco · 1–2 palavras em lima clara

Mais completa do mundo, de verdade.

Corpo

Inter Regular · 16–18px · entrelinha 1.5 · Gelo 200 no escuro

São 60 milhões de brasileiros que precisam de acessibilidade digital — e 86% comprariam mais se o site fosse acessível.

Display publicitário

Baloo 2 Bold · peças de anúncio e nomes de produto

Trazer para Perto

Lockup de produto

tile branco + nome em Baloo 2 Bold + "Perto" em ciano #00A5C1

PluginPerto

Fontes

As duas famílias são gratuitas no Google Fonts.

Baloo 2 ↗ Inter ↗

Componentes

O glassmorphism é o pilar central da identidade: superfícies translúcidas, blur de fundo, borda fina clara e gradientes suaves — sempre com contraste suficiente para o texto por cima.

Card de vidro

Este card usa a receita oficial: gradiente turquesa translúcido, borda rgba(127,227,236,.28), raio 16px e blur de 14px.

Botões e chips

Case de sucesso

Sólido: #49842A → hover #5CA43E, texto branco, raio 10px. Contorno: borda rgba(255,255,255,.3).

Tokens CSS

Todas as variáveis da marca prontas para qualquer projeto web.

perto-tokens.css ↓

Acervo

Onde encontrar cada asset oficial. Itens do Drive: clique para copiar o nome exato e busque no Drive da marca.

Marca e diretrizes

Apresentações

Vídeos

Cases de sucesso

Pertocast

Imagens