brand.zapping.com · v2.1.0

Bem-vindo ao

Brand Hub

Zapping liberta as pessoas da TV a cabo: sem decodificadores, sem técnicos, sem pegadinhas. Este hub reúne tudo o que você precisa para usar a marca — da regra mais simples ao token mais técnico. Comece aqui e aprofunde até onde quiser.

Baixar assets Conheça a marca

O que é Zapping

A marca, em uma ideia

Zapping é uma das plataformas líderes de streaming de TV ao vivo na América Latina. Nasceu no Chile com uma missão simples: libertar as pessoas da TV a cabo tradicional — sem decodificadores, sem técnicos, sem pegadinhas.

700K+

usuários ativos na região

4 mercados

Chile · Equador · Peru · Brasil

Cluster tech

Endeavor · Fintual · NotCo · Buk

—

Os 5 atributos

A constituição da marca. O sistema é intencionalmente intenso, não sutil: toda decisão deve poder ser justificada com pelo menos três desses cinco atributos. Se algo parece «elegante mas morno» ou «correto mas genérico», está errado.

Libertadora

Rompe com a TV paga tradicional. Vende liberdade, não features.

Humana e próxima

Coloquial, com humor. Anticorporativa por design.

Tecnológica sem presunção

Tecnologia de ponta sem pegadinhas. A técnica não aparece, se percebe.

Pop e vibrante

O rosa como expressão de energia. Nada morno, nada bege.

Contundente

Direta, sem nuances. Zero ambiguidade visual ou verbal.

01 — Identificadores

Identificadores gráficos

Duas marcas, um sistema: o wordmark zapping e o isotipo, um Z construído por duas setas espelhadas. Sempre em cor sólida: Zapink Pulse, branco ou preto.

1.1

Wordmark

Zapping em unicase. É a assinatura principal da marca e deve ser sempre usada como vetor, nunca tipografada.

Unicase — sempre minúsculasCor sólida — nunca degradê

1.2

Isotipo, dois modos

As setas características de Zapping nascem dos botões de swipe da interface de Zapping, delimitando a letra Z em sua contraforma. Não é um símbolo adicionado. Tem dois modos de uso, e a diferença é de composição, não de desenho.

Conteúdo — o isotipo completo em escala pequena ou média: nav, UI compacta, favicon, watermark. Nessa escala substitui o wordmark: nunca aparecem juntos.

Dominante — escala monumental, cortado deliberadamente pela borda do canvas: heroes, fundos de seção, key visuals. Aqui o wordmark pode se sobrepor como assinatura. Nunca leva glow: nessa escala é forma, não fonte de luz.

1.3

Cor da marca

Três tintas, regras duras. Sobre preto: Zapink ou branco. Sobre rosa: só branco. Sobre branco, um uso minoritário e deliberado, Zapink preferencial, ou preto.

Principal — Zapink Pulse sobre preto

Sobre rosa: só branco

Branco sobre preto

Isotipo — Zapink sobre preto

Isotipo sobre rosa: só branco

Isotipo — branco sobre preto

Sobre branco (minoritário) — Zapink preferencial

Sobre branco (minoritário) — preto

O fundo padrão do sistema é o preto. O rosa como fundo é um momento de alto impacto deliberado — nunca um default.

1.4

Lockup e menções

Duas regras governam como o nome aparece. Quando zapping é a marca, vai o logotipo, nunca tipografado, e nunca incrustado dentro de uma frase: sua única convivência com texto é o lockup de uma linha. Quando se fala da plataforma dentro de um parágrafo, escreve-se Zapping como nome próprio, só no corpo de texto.

Sua TV, sem cabo.

Lockup de uma linha: texto descritivo em cima, logotipo sozinho na sua própria linha

Com você assiste toda a TV ao vivo onde quiser.

O logotipo nunca vai inline no meio de uma frase

Zapping é uma das plataformas líderes de streaming no Brasil, liberta as pessoas da TV a cabo tradicional.

No corpo de texto, Zapping se escreve como nome próprio

zapping é o futuro.

Em títulos e display nunca se tipografa a palavra, aí resolve como logotipo

1.5

Proporções e retícula

A modulação interna de ambos identificadores. No wordmark, seis eixos verticais separam as sete letterforms (z·a·p·p·i·n·g) sobre um eixo horizontal médio; os vãos não são uniformes —o do 'i' é o mais estreito pelo largura reduzida do glifo—. O isotipo se verifica contra suas duas setas idênticas. Qualquer redesenho ou ajuste óptico se confere contra esta retícula.

Wordmark — 6 traços e seis eixos verticais de separação (o do «i» notoriamente mais estreito) sobre um eixo horizontal médio.

Isotipo — duas setas idênticas rotacionadas 180°; o espaço negativo central constrói o Z.

1.6

Área de reserva e escala mínima

Nada invade o respiro da marca. A área de reserva mínima equivale à metade da altura do wordmark (½z) nos quatro lados. Na tela, o wordmark não desce abaixo de 24 px de altura e o isotipo abaixo de 16 px.

½z½z

Wordmark — mínimo 24 px de altura

Isotipo — mínimo 16 px de altura

* Valores de referência do site — pendentes de ratificação no máster 2026.

1.7

Uso incorreto

O que quebra a marca. Nenhuma peça sai com o identificador deformado, contornado, degradê ou recolorido, sem exceções.

Nunca deformar ni estirar

Evitar contornos — el logotipo es siempre sólido

Nunca degradado — el gradiente 2022–2025 está eliminado

Solo Zapink, blanco o negro — nunca otro color

Evitar contornos — o isotipo é sempre sólido

Não decompor — as duas setas são inseparáveis

O modo Dominante nunca leva glow — é forma, não fonte de luz

1.8

Identidade anterior (2017–2025)

O wordmark anguloso com degradê Pink Pulse → Lemon Glow fica obsoleto com o rebranding 2026. Não se usa em nenhuma peça nova, nem o degradê, nem o amarelo.

Se encontrar peças em circulação com essa identidade, gráficos, apresentações, templates, assinaturas de e-mail, por favor reporte e substitua pela versão vigente.

brand@zapping.com

02 — Cor

A cor, em binário

A expressão de marca é binária: preto + Zapink Pulse + branco, sem degradê. Preto e rosa são coprotagonistas de peso equivalente: o preto é o fundo padrão; o rosa, a energia. Todo o resto (escalas, acentos, estados) é paleta funcional de interface e vive no sistema técnico.

2.1

Expressão binária

Três tintas e nenhuma mais. O único magenta válido é Zapink Pulse — nunca outro rosa, nunca um degradê, nunca amarelo.

Preto

Token: --black
Uso: Fundo padrão do sistema — preto de marca, não #000000 puro

Zapink Pulse

Token: --zapink-pulse
Uso: O único magenta de marca — logo, isotipo, gráfica e acentos

Branco

Token: --white
Uso: Texto e gráfica sobre preto; única tinta válida sobre rosa

2.2

Regras de combinação

Duras, sem interpretação. A legibilidade não se negocia.

Texto branco

Texto Zapink

Sobre preto — branco ou rosa, convivem sem restrição de peso.

Só texto branco

MÍNIMO BOLD.

Sobre rosa — só branco e peso mínimo Bold. Nunca preto, nunca Medium, nunca uma terceira cor.

Zapink preferencial

…ou preto

Sobre branco — uso minoritário e deliberado. Zapink preferencial, ou preto.

2.3

Hierarquia por transparência

A hierarquia de texto, bordas e divisores se constrói com opacidade de branco (ou de preto) em passos fixos: as escalas α. Um cinza arbitrário é um defeito.

Escala --white-α — os únicos passos neutros legais (existe a escala espelho --black-α sobre fundos claros).

Texto primário — títulos e corpo (branco pleno)

Texto secundário — descrições e apoio (white-70)

Texto terciário — metadata, captions, helper (white-50)

2.4

Estados por opacidade

Hover, press e disabled se resolvem com opacidade da mesma cor, nunca com um rosa diferente.

Assistir ao vivoNormal

Assistir ao vivoHover — 0.86

Assistir ao vivoPress — 0.72

Assistir ao vivoDisabled — 0.38

2.5

Legibilidade WCAG

Os mínimos estão codificados no sistema: 3.0 para gráfica, ícones e texto grande; 4.5 para texto normal. Teste a marca sobre qualquer fundo: os valores se calculam ao vivo a partir dos tokens.

Color de fondo

240°

11%

Zapink Pulse

Prohibido—

Blanco

Prohibido—

≥ 3.0 gráfica · ≥ 4.5 texto< 3.0 prohibidoWCAG 2.1

2.6

Uso incorreto

Os erros de cor mais comuns — todos quebram a expressão binária.

A TV do futuro

Nunca degradê — nem em texto nem em fundos

Liga já!

O amarelo está eliminado — sobrevive só como estado warning em UI

E ASSISTE.

Nunca preto sobre rosa

Cancela quando quiser

Nunca peso Medium sobre rosa — mínimo Bold

Nunca outro passo da escala pink na marca — só Zapink (500)

Texto em cinza

Nunca cinza como neutro — use a escala α

03 — Tipografia

A itálica é a voz

ZappingFont é a tipografia própria da marca: uma sans geométrica arredondada de alto contraste. A itálica é protagonista, é o gesto da marca nos momentos de impacto, enquanto roman sustenta a leitura.

3.1

ZappingFont

Fonte variável com eixos de peso (500–900) e itálica. Não existe um cut Regular: Medium é o mais leve e atua como corpo.

Zappingfont variable

Medium

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Black

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

0 1 2 3 4 5 6 7 8 9

à á â ã ä å ă ą ǎ ạ ¿ ¡

estilos

2 eixos

wght · ital

+90

idiomas

Variable

font technology

3.2

Hierarquia, a itálica como voz

Quatro níveis por peso visual. A regra de moderação: nem tudo vai em itálica, o contraste entre a itálica de impacto e roman funcional É o sistema.

900 · italic

E ASSISTE.

Black Italic

Gestos de marca, remates, punch-lines. A voz no seu ponto mais alto.

900 · roman

SEM CABO.

Black reto

Display de peso, quando o gesto pede reto e não inclinado. É display, não título corrente: não substitui o Bold Italic em H1/H2.

700 · italic

Todos os seus canais, ao vivo

Bold Italic

Títulos e subtítulos (H1, H2) por padrão. O gesto estrutural.

500 · normal

Zapping deixa você assistir TV ao vivo de qualquer dispositivo, sem decodificadores nem contratos amarrados.

Medium roman

Corpo, UI, captions e leitura extensa. A base funcional.

Sobre rosa, o peso mínimo é Bold, o corpo Medium fica ilegível nessa superfície. Essa faixa está demonstrando a si mesma.

3.3

Sistema Punchline

Um MOVIMENTO RETÓRICO, não um formato tipográfico: a tipografia não cria o punchline, só o veste. Setup roman calmo e remate Black Italic que aterrissa, com o remate mudando de cor (branco ↔ rosa).

¿No sabes qué ver?ZAPPING & CHILL.

Setup

Medium roman (Bold sobre rosa)

Remate

Black Italic, suele ir en MAYÚSCULA

Interlínea

0.98 — contundente, casi pegadas

Cierre

Cada cláusula termina en punto

Requisito de admissão — as três condições, juntas

Duas vozes com sentido próprio. O setup propõe algo que se sustenta sozinho; o remate fecha. Cada metade tem que poder ser lida separadamente e dizer algo.
Mudança real de registro. Calma → golpe. Se as duas metades soam igual, não há movimento.
O punch remata: não repete, não completa gramaticalmente, nem simplesmente continua. Se o setup fica pendurado e o punch é o que faltava para ter sentido, não é um punchline: é uma frase partida.

O modo de falha típico é cortar um sintagma pela metade e colocar a segunda metade em Black Italic maiúscula. «Nossa proposta PARA 2026.» não é um punchline — é um complemento em versalete. O formato diz «aqui vem o golpe» e não vem nenhum.

Quando NÃO vai um punchline

Título descritivo — o nome de uma proposta, um relatório, um capítulo. Nomear não é rematar.
Frase sem giro — uma só ideia esticada em duas linhas.
Enunciado neutro — informar não é golpear.
Capa institucional — proposta B2B, fatura, relatório técnico.

Todos se resolvem em Bold Italic plano ou punchline-light.

Orçamento duro

Máximo 2 punchlines por peça — e o teto não é o objetivo. A maioria das peças se resolve bem com zero ou um. Repetido em cada página, para de destacar qualquer coisa e se lê como template.

A capa não é seu lugar por padrão. Aí o padrão é Bold Italic plano ou punchline-light; o punchline é a exceção justificada. E abrir e fechar a mesma peça com punchline é repetição: escolha um.

3.4

Punchline Light, a hierarquia de título

O mesmo DNA de duas vozes, desescalado, para títulos de página, capas e cabeçalhos de seção. Setup Bold reto + destaque Black Italic: sem uppercase e SEM salto de tamanho — aqui a hierarquia é feita pelo peso e estilo, não pela escala. Não consome o orçamento de 2: é um título, não um clímax.

Sobre preto

Todo o futebol, ao vivo

Setup Bold 700 reto · destaque Black Italic Zapink

Sobre rosa

Planos sem pegadinha

Sobre rosa o peso mínimo é Bold: setup e destaque vão em branco

Requer pelo menos uma palavra de setup. Se o título é uma só palavra ou vai inteiramente destacado, não é um punchline-light: corresponde Bold Italic plano. A escada completa é punchline (clímax, máx 2) → punchline-light (títulos e capas) → Bold Italic plano (H1/H2 correntes) → reto (corpo).

3.5

Pesos tipográficos

Dez estilos. Os destacados são os que a hierarquia usa no dia a dia: Medium (corpo), Bold (títulos e mínimo sobre rosa), Bold Italic (títulos) e Black Italic (a voz).

ZappingFont Medium