É movimento.
Brand book · v1.0
12 seções · 64 tokens
A voz
em expansão.
O sistema visual da Associação Brasileira de Podcasters, construído sobre clareza institucional, credibilidade editorial e a pluralidade do ecossistema sonoro brasileiro.
2023Formalização
2025Rebranding
01Cor primária
06Palavras-chave
02 · Conceito
A voz em expansão
Seis palavras-chave estruturam o sistema. Cada decisão visual (uma cor, um peso de fonte, um espaçamento) referencia ao menos uma delas.
01
Credibilidade
Falar com autoridade institucional, sem solenidade.
02
Expansão
Ondas que se propagam, do criador independente ao mainstream.
03
Pluralidade
Uma cor central, muitas vozes ao redor.
04
Conexão
O elo entre quem produz, distribui e escuta.
05
Modernidade
Tipografia limpa, geometria firme, paleta digital.
06
Humanidade
O som é gente. Calor sem perder rigor.
Posicionamento
A abPod é a principal entidade representativa do universo de podcasts no Brasil, um ecossistema que une criadores independentes, empresas de mídia e ouvintes em torno da produção e consumo de áudio.
03 · Logotipo
Logotipo
A marca abPod combina um wordmark sans-serif robusto com um símbolo de ondas concêntricas no lugar do "O". Use sempre os arquivos oficiais, nunca redesenhe.
3.1 — Versão principal
logo-abpod.png · wordmark em azul cobalto sobre descritivo em preto
3.2 — Variações cromáticas
Positiva
Sobre fundo claro
Monocromática azul
Aplicação alternativa
Monocromática preta
Impressão 1 cor
Negativa
Sobre fundo escuro
Sobre azul
Aplicação institucional
Símbolo isolado
Avatar, favicon, watermark
3.3 — Área de respiro & escala mínima
Digital
Mínimo 48px de altura
Favicon / avatar
Símbolo isolado a partir de 32px
Impressão
Mínimo 12mm de altura
Área de respiro: margem mínima ao redor da marca = altura da letra "A" (X). Nenhum elemento invade essa zona.
3.4 — Usos incorretos
✕
Não distorça
✕
Não rotacione
✕ABPOD
Não troque as cores
✕ABPOD
Não aplique gradiente
✕
Não use sobre baixo contraste
✕●ABPD
Não reposicione elementos
04 · Símbolo
Ondas concêntricas
O símbolo no lugar do "O" representa transmissão sonora: a onda que se propaga do criador até o ouvinte. É a unidade gráfica mais reutilizável da marca: avatar, favicon, watermark, padrão.
4.1 — Construção
4 anéisTrês anéis em traço + um disco sólido no centro.
RaiosR1=46, R2=34, R3=22, R0=6 (viewBox 100). Progressão de 12 unidades.
Traço8 unidades. Mesmo peso visual em todos os anéis.
CentroDisco sólido, a fonte emissora.
4.2 — Escalas
4.3 — Símbolo como padrão
05 · Cores
Paleta plural
Uma cor central, o azul cobalto institucional. Quatro acentos vibrantes para expressar a pluralidade da podosfera brasileira. Neutros frios para textos e estruturas.
5.1 — Cor primária
5.2 — Escala de azul
Cobalto 900#0A29A8
--abp-blue-deep
--abp-blue-deep
Cobalto 700#123DE3
--abp-blue
--abp-blue
Cobalto 500#3D5FEF
--abp-blue-2
--abp-blue-2
Cobalto 300#6F88F5
--abp-blue-3
--abp-blue-3
Cobalto 100#B8C5F9
--abp-blue-4
--abp-blue-4
Cobalto 50#E8ECFD
--abp-blue-5
--abp-blue-5
5.3 — Acentos plurais
Use com parcimônia. Um acento por peça, no máximo dois. Nunca substituem o azul principal, coexistem com ele.
5.4 — Neutros
Tinta#0A0E1A
Tinta 2#1A1F2E
Cinza 1#3A4052
Cinza 2#6B7186
Cinza 3#A4A9B8
Cinza 4#D8DAE2
Cinza 5#ECEDF1
Papel#FAFAF7
Papel 2#F4F4EF
Branco#FFFFFF
5.5 — Combinações recomendadas
Aa
Marca + Papel
Padrão institucional
Aa
Papel + Marca
Capa, hero
Aa
Tinta + Papel
Texto longo
Aa
Papel + Tinta
Modo escuro
Aa
Marca + Âmbar
Editorial · ⚠ contraste limítrofe
Aa
Papel + Verde
Status positivo
06 · Tipografia
Sistema tipográfico
Uma família para toda a marca: Archivo. Robusta, neutra, com pesos suficientes para hierarquia clara. Archivo Black para o wordmark e displays de impacto. JetBrains Mono apenas para tokens, dados e legendas técnicas.
6.1 — Famílias
ArchivoGoogle Fonts · OFL
Aa
400500600700800
Sans-serif geométrica robusta. Wordmark, títulos, corpo, UI.
JetBrains MonoGoogle Fonts · OFL
01
400500
Monoespaçada para tokens, valores HEX, labels técnicas e timestamps de áudio.
6.2 — Hierarquia
A voz em expansão
Podcast no Brasil
Quem fala, quem ouve
Pluralidade na pauta
Estúdios independentes em rede
Texto introdutório que abre uma sessão e convida à leitura.
Parágrafo padrão para o corpo dos textos institucionais e editoriais.
Texto auxiliar, legendas e metadados.
Caption / créditos
overline · seção 06
07 · Iconografia
Sistema de ícones
Ícones lineares, traço de 1.5px, geometria circular consistente com o símbolo da marca. Cantos arredondados sutis. Base 24×24, escalonados em 16, 20, 24, 32, 48.
7.1 — Regras de construção
01
Traço 1.5px
Espessura única em todo o sistema. Round-cap, round-join.
02
Grade 24×24
Padding mínimo de 2px em cada borda. Centro óptico no 12,12.
03
Geometria primitiva
Círculos, retas, retângulos. Sem ornamento, coerência com o símbolo.
7.2 — Biblioteca
microfone
fone
onda
play
pausa
rss
busca
conexão
grupo
calendário
download
share
08 · Padrões gráficos
Texturas & padrões
Padrões oficiais derivados do símbolo concêntrico. Use como fundos editoriais, divisórias, capas ou marcas d'água. Nunca como pano de fundo de texto longo.
Ondas em propagação
Símbolo repetido em grade, opacidades variadas. Sensação de transmissão.
Eco radial
Anéis concêntricos em escala XL, ancorados em um canto.
Espectro plural
Faixas verticais nas cores de acento + azul. Pluralidade visualizada.
Sinal em barras
VU-meter abstrato, barras de comprimentos variáveis sugerem áudio.
09 · Componentes UI
Kit de componentes
Componentes nucleares para o site abpod.org.br e produtos digitais derivados. Estados, variações e specs prontos para implementar.
9.1 — Botões
9.2 — Badges & tags
Episódio novo
Entrevista
Premiado
Filiado
Cultura
2025
EP 142
47:18
9.3 — Cards de episódio
EP 14247:18
Como o podcast independente brasileiro reinventou a rádio
Cris Bartis
Mamilos · B9EP 0411:12:04
Pluralidade na pauta: vozes negras na podosfera
Mariane Pisani
Vidas NegrasEP 20832:55
O futuro da monetização para criadores independentes
Tiago Rogero
Vai Saber?9.4 — Formulário
9.5 — Player
O futuro da podosfera brasileira
12:34 / 47:18 10 · Aplicações
Marca em uso
Aplicações de referência em peças de comunicação. Use como base, adaptando os tokens de cor, tipografia e espaçamento.
10.1 — Social media
A voz em expansão.
abpod.org.br15 · 19 SETPodcast Week São Paulo
10.2 — Story / vertical
OUVIR
EP 142
Cris Bartis · Mamilos
ENCONTRO
Comunidade abPod 2025
PLURALIDADE
Vozes negras na podosfera
10.3 — Cartão de membro
Cartão físico/digital de filiação. Frente: marca + identificação do membro. Verso: número, validade e QR code.
- Formato: 85 × 54 mm (CR80)
- Acabamento: papel reciclado 350g, verniz fosco
- Tipografia: Archivo 800 (nome), Mono (ID)
11 · Tom de voz
Como a marca fala
Cinco princípios de copy. A abPod é institucional, mas não solene. Tem autoridade técnica, sem ser técnica demais. Fala português brasileiro contemporâneo, com clareza e calor.
11.1 — Princípios
01
Clara, nunca técnica demais
Evite jargão. Se precisar de um termo (CPM, RSS, monetização), explique na mesma frase.
02
Direta, nunca seca
Frases curtas. Verbos no presente. Sempre com humanidade: somos uma associação de pessoas, não um software.
03
Plural, nunca neutralizada
Reconheça a diversidade da podosfera: regiões, gêneros, raças, formatos.
04
Editorial, nunca corporativa
Escreve como veículo de jornalismo cultural, com curadoria, opinião e contexto. Não como um banco.
05
Brasileira, nunca traduzida
Português contemporâneo. "host" → "apresentador", "engagement" → "engajamento".
11.2 — Do · Don't
✓ FaçaPosicionamento
"Reunimos quem faz podcast no Brasil, do estúdio independente à grande mídia."
✕ EvitePosicionamento
"Somos a entidade líder global de podcasting que conecta stakeholders do ecossistema."
✓ FaçaAnúncio editorial
"Episódio novo. Cris Bartis sobre os 10 anos de Mamilos."
✕ EviteAnúncio editorial
"🎙️🔥 NOVOOOOO EPISÓDIO! Não percam! 🚀🚀"
✓ FaçaCTA · transparência
"A filiação anual custa R$ 240. Estudantes e podcasts em formação pagam metade."
✕ EviteCTA · transparência
"Valores sob consulta. Entre em contato com nosso time comercial."
11.3 — Vocabulário institucional
12 · Acessibilidade
Contraste & inclusão
Toda combinação de cor de texto + fundo deve atingir no mínimo WCAG AA (4.5:1 para texto normal, 3:1 para texto large e UI). Use foco visível e evite cor como única informação semântica.
12.1 — Razões de contraste
12.2 — Tamanhos mínimos
16px
Texto corrido
Mínimo para parágrafos. Em mobile, 17px.
14px
UI
Botões, labels, navegação. Nunca abaixo.
12px
Legenda
Captions, créditos. Só em apoio.
44px
Hit target
Mínimo tocável em mobile.
12.3 — Foco visível
Outline em âmbar (#E5AE3E), 3px, offset 2px. Sempre visível em navegação por teclado. Nunca outline: none sem substituto.
12.4 — Checklist por peça
- Texto principal atinge ≥ 4.5:1 contra o fundo
- Headlines e textos ≥ 24px atingem ≥ 3:1
- Ícones funcionais acompanham label de texto ou aria-label
- Nenhuma cor sozinha comunica estado (ícone + texto + cor)
- Foco de teclado visível em todos os elementos interativos
- Hit targets de pelo menos 44 × 44px em mobile
- Vídeos e áudios oferecem transcrição
- Imagens decorativas: alt="". Funcionais: alt descritivo
Associação Brasileira de Podcasters · abPod
abpod.org.br · Brand book v1.0
Créditos · Identidade
Quem desenhou a marca abPod
A nova identidade visual da abPod foi concebida e desenvolvida por Murilo Silva, designer da agência Digitale. O trabalho foi doado à associação como contribuição ao fortalecimento institucional do podcast brasileiro.
Designer responsável
Murilo Silva
Agência
digitale.com.br · Consultoria especializada em LinkedIn, social selling e autoridade executiva.
Disclaimer
A identidade visual aqui apresentada foi doada à abPod pela Digitale em 2026, como apoio institucional à associação. Os arquivos-fonte, o logotipo, o símbolo e todo o sistema podem ser usados livremente pela abPod em suas comunicações e materiais oficiais. Qualquer reprodução por terceiros deve respeitar a marca abPod e suas diretrizes de uso.