brand.zapping.com · v2.1.0

Bienvenido a

Brand Hub

Zapping libera a las personas del cable: sin decodificadores, sin técnicos, sin letra chica. Este hub reúne todo lo que necesitas para usar la marca — desde la regla más simple hasta el token más técnico. Partes acá, y profundizas hasta donde quieras.

Qué es Zapping

La marca, en una idea

Zapping es una de las plataformas líderes de streaming de TV en vivo en Latinoamérica. Nació en Chile con una misión simple: liberar a las personas del cable tradicional — sin decodificadores, sin técnicos, sin letra chica.

700K+
usuarios activos en la región
4 mercados
Chile · Ecuador · Perú · Brasil
Cluster tech
Endeavor · Fintual · NotCo · Buk
—

Los 5 atributos

La constitución de la marca. El sistema es intencionalmente intenso, no sutil: toda decisión debe poder justificarse con al menos tres de estos cinco atributos. Si algo se siente «elegante pero tibio» o «correcto pero genérico», está mal.
01
Liberadora

Rompe con la TV de pago tradicional. Vende libertad, no features.

02
Humana y cercana

Coloquial, con humor. Anticorporativa por diseño.

03
Tecnológica sin presunción

Tecnología de punta sin letra chica. La técnica no se luce, se nota.

04
Pop y vibrante

El rosa como expresión de energía. Nada tibio, nada beige.

05
Contundente

Directa, sin matices. Cero ambigüedad visual o verbal.

02 — Color

El color, en binario

La expresión de marca es binaria: negro + Zapink Pulse + blanco, sin degradado. Negro y rosa son co-protagonistas de peso equivalente: el negro es el fondo por defecto; el rosa, la energía. Todo lo demás (escalas, acentos, estados) es paleta funcional de interfaz y vive en el sistema técnico.

2.1

Expresión binaria

Tres tintas y ninguna más. El único magenta válido es Zapink Pulse — nunca otro rosa, nunca un degradado, nunca amarillo.
Negro
Token
--black
Uso
Fondo por defecto del sistema — negro de marca, no #000000 puro
Zapink Pulse
Token
--zapink-pulse
Uso
El único magenta de marca — logo, isotipo, gráfica y acentos
Blanco
Token
--white
Uso
Texto y gráfica sobre negro; única tinta válida sobre rosa
2.2

Reglas de combinación

Duras, sin interpretación. La legibilidad no se negocia.

Texto blanco

Texto Zapink

Sobre negro — blanco o rosa, conviven sin restricción de peso.

Solo texto blanco

MÍNIMO BOLD.

Sobre rosa — solo blanco y peso mínimo Bold. Nunca negro, nunca Medium, nunca un tercer color.

Zapink preferente

…o negro

Sobre blanco — uso minoritario y deliberado. Zapink preferente, o negro.

2.3

Jerarquía por transparencia

La jerarquía de texto, bordes y divisores se construye con opacidad de blanco (o de negro) en pasos fijos: las escalas α. Un gris arbitrario es un defecto.
5
10
20
30
40
50
60
70
80
90

Escala --white-α — los únicos pasos neutros legales (existe la escala espejo --black-α sobre fondos claros).

Texto primario — títulos y cuerpo (blanco pleno)

Texto secundario — descripciones y apoyo (white-70)

Texto terciario — metadata, captions, helper (white-50)

2.4

Estados por opacidad

Hover, press y disabled se resuelven con opacidad del mismo color, nunca con un rosa distinto.
Ver en vivoNormal
Ver en vivoHover — 0.86
Ver en vivoPress — 0.72
Ver en vivoDisabled — 0.38
2.5

Legibilidad WCAG

Los mínimos están codificados en el sistema: 3.0 para gráfica, íconos y texto grande; 4.5 para texto normal. Prueba la marca sobre cualquier fondo: los valores se calculan en vivo desde los tokens.
Color de fondo
H
240°
S
11%
L
2%
Zapink Pulse
Prohibido—
Blanco
Prohibido—
≥ 3.0 gráfica · ≥ 4.5 texto< 3.0 prohibidoWCAG 2.1
2.6

Uso incorrecto

Los errores de color más comunes — todos rompen la expresión binaria.
La tele del futuro
Nunca degradado — ni en texto ni en fondos
¡Prende ya!
El amarillo está eliminado — sobrevive solo como estado warning en UI
Y MIRA.
Nunca negro sobre rosa
Cancela cuando quieras
Nunca peso Medium sobre rosa — mínimo Bold
Nunca otro paso de la escala pink en la marca — solo Zapink (500)
Texto en gris
Nunca gris como neutro — usa la escala α
03 — Tipografía

La itálica es la voz

ZappingFont es la tipografía propia de la marca: una sans geométrica redondeada de alto contraste. La itálica es protagonista, es el gesto de la marca en los momentos de impacto, mientras roman sostiene la lectura.

3.1

ZappingFont

Fuente variable con ejes de peso (500–900) e itálica. No existe un cut Regular: Medium es el más liviano y actúa de cuerpo.
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
à á â ã ä å ă ą ǎ ạ ¿ ¡
10
estilos
2 ejes
wght · ital
+90
idiomas
Variable
font technology
3.2

Jerarquía, la itálica como voz

Cuatro niveles por peso visual. La regla de moderación: no todo va en itálica, el contraste entre la itálica de impacto y roman funcional ES el sistema.
900 · italic
Y MIRA.
Black Italic
Gestos de marca, remates, punch-lines. La voz en su punto más alto.
900 · roman
SIN CABLE.
Black recto
Display de peso, cuando el gesto lo pide recto y no inclinado. Es display, no título corriente: no reemplaza al Bold Italic en H1/H2.
700 · italic
Todos tus canales, en vivo
Bold Italic
Títulos y subtítulos (H1, H2) por defecto. El gesto estructural.
500 · normal
Zapping te deja ver la tele en vivo desde cualquier dispositivo, sin decodificadores ni contratos amarrados.
Medium roman
Cuerpo, UI, captions y lectura extendida. La base funcional.

Sobre rosa, el peso mínimo es Bold, el cuerpo Medium es ilegible en esa superficie. Esta franja se está demostrando a sí misma.

3.3

Sistema Punchline

Un MOVIMIENTO RETÓRICO, no un formato tipográfico: la tipografía no crea el punchline, sólo lo viste. Setup roman calmado y remate Black Italic que aterriza, con el remate cambiando de color (blanco ↔ 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 admisión — las tres condiciones, juntas
  1. Dos voces con sentido propio. El setup plantea algo que se sostiene solo; el remate cierra. Cada mitad tiene que poder leerse por separado y decir algo.
  2. Cambio real de registro. Calma → golpe. Si las dos mitades suenan igual, no hay movimiento.
  3. El punch remata: no repite, no completa gramaticalmente, ni simplemente continúa. Si el setup queda colgando y el punch es lo que le faltaba para tener sentido, no es un punchline: es una frase partida.

El modo de falla típico es cortar un sintagma por la mitad y poner la segunda mitad en Black Italic mayúscula. «Nuestra propuesta PARA 2026.» no es un punchline — es un complemento en versalitas. El formato dice «acá viene el golpe» y no viene ninguno.

Cuándo NO va un punchline
  • Título descriptivo — el nombre de una propuesta, un informe, un capítulo. Nombrar no es rematar.
  • Frase sin giro — una sola idea estirada en dos líneas.
  • Enunciado neutro — informar no es golpear.
  • Portada institucional — propuesta B2B, factura, informe técnico.

Todos se resuelven en Bold Italic plano o punchline-light.

Presupuesto duro

Máximo 2 punchlines por pieza — y el techo no es el objetivo. La mayoría de las piezas se resuelven bien con cero o uno. Repetido en cada página deja de destacar nada y se lee como plantilla.

La portada no es su lugar por default. Ahí el default es Bold Italic plano o punchline-light; el punchline es la excepción justificada. Y abrir y cerrar la misma pieza con punchline es repetición: se elige uno.

3.4

Punchline Light, la jerarquía de título

El mismo ADN de dos voces, desescalado, para títulos de página, portadas y cabezas de sección. Setup Bold recto + destacado Black Italic: sin uppercase y SIN salto de tamaño — acá la jerarquía la hacen el peso y el estilo, no la escala. No consume el presupuesto de 2: es un título, no un clímax.
Sobre negro
Todo el fútbol, en vivo
Setup Bold 700 recto · destacado Black Italic Zapink
Sobre rosa
Planes sin letra chica
Sobre rosa el peso mínimo es Bold: setup y destacado van en blanco

Requiere al menos una palabra de setup. Si el título es una sola palabra o va enteramente destacado, no es un punchline-light: corresponde Bold Italic plano. La escalera completa es punchline (clímax, máx 2) → punchline-light (títulos y portadas) → Bold Italic plano (H1/H2 corrientes) → recto (cuerpo).

3.5

Pesos tipográficos

Diez estilos. Los destacados son los que la jerarquía usa a diario: Medium (cuerpo), Bold (títulos y mínimo sobre rosa), Bold Italic (títulos) y Black Italic (la voz).
ZappingFont Medium
Sin cable, sin decos, sin letra chica.
ZappingFont Medium Italic
Sin cable, sin decos, sin letra chica.
ZappingFont SemiBold
Sin cable, sin decos, sin letra chica.
ZappingFont SemiBold Italic
Sin cable, sin decos, sin letra chica.
ZappingFont Bold
Sin cable, sin decos, sin letra chica.
ZappingFont Bold Italic
Sin cable, sin decos, sin letra chica.
ZappingFont ExtraBold
Sin cable, sin decos, sin letra chica.
ZappingFont ExtraBold Italic
Sin cable, sin decos, sin letra chica.
ZappingFont Black
Sin cable, sin decos, sin letra chica.
ZappingFont Black Italic
Sin cable, sin decos, sin letra chica.
04 — Voz

Cómo escribe Zapping

La voz vende libertad, no features: liberadora, chilena, con humor y sin protocolo. No es decoración — los usuarios ya repiten este léxico solos. El sistema lo captura para que cualquier pieza suene a Zapping.

4.1

El tono

Liberador y contundente. Vendemos la salida del cable: sin decodificadores, sin técnicos, sin letra chica. Anticorporativo por diseño — si suena a memo de gerencia, está mal escrito.
Protocolo del cable

«Estimado cliente, le informamos que la activación de su decodificador podría demorar hasta 72 horas hábiles.»

Voz Zapping
renuncia al cable.Y AL TIRO.
4.2

La fórmula del remate

El movimiento verbal característico: un setup calmado en roman y un remate pesado en Black Italic, cada cláusula cerrada con punto. Setup silencioso, aterrizaje fuerte — ese ritmo ES la identidad verbal.
Sin cable.SIN LETRA CHICA.
prende.Y MIRA.
¿No sabes qué ver?ZAPPING & CHILL.
prende.Y MIRA.

El remate aplicado como firma: setup en minúscula, aterrizaje en MAYÚSCULA Black Italic. Todo vector y token — ninguna imagen de por medio. Sobre rosa, solo blanco.

4.3

Léxico

Palabras que la marca usa, y que la calle ya usa por su cuenta. Escribir con este vocabulario es hablar el idioma de los usuarios, no inventarles uno.
Lo que dice la calle
renunciar al cablesin cableríodecosal tiropor menos lucascámbiesesin letra chicadar la caraprende y mira
Vocabulario del sistema
prendemirazapeateleyasin cablecancela cuando quieras
4.4

Reglas duras

Tú, nunca usted

Español chileno, informal y directo. El protocolo es del cable; nosotros hablamos como la gente.

Puntos como percusión

Fragmentos declarativos cortos, cada uno cerrado con punto. El ritmo es parte del mensaje.

Signos de apertura

¿ y ¡ se usan siempre y bien. Escribimos en español correcto, no en inglés traducido.

Sin emoji

No son parte del sistema. La energía la ponen la itálica, el rosa y el remate.

Minúsculas de marca

Las líneas cortas de marca van en minúscula («tele.», «prende.»); los remates, en MAYÚSCULA itálica.

Zapping solo en cuerpo

El nombre tipografiado vive solo dentro de párrafos. En titulares y display resuelve al logotipo.

05 — Movimiento

Pulse Motion

El movimiento también es marca. Todo el sistema pivota sobre una sola constante — el Peak Velocity Point al 25% — y una proporción fija entre entrada y salida. Acá va la lógica; el detalle técnico (curvas, duraciones y tokens) vive en la capa de Sistema.

5.1

Los tres principios

Propósito, ritmo y energía guían cada animación; cuatro reglas no se negocian.
Propósito

Cada animación tiene una razón. El movimiento guía la atención hacia lo que importa, nunca la dispersa.

Ritmo

La marca respira con una cadencia propia. Las animaciones siguen el pulso de Zapping — constante y reconocible.

Energía

Los elementos irrumpen en escena con fuerza. El movimiento tiene dirección, peso y resolución clara.

Sin overshoot, sin bounce — las curvas llegan y se detienenSin easing lineal en UI visibleSin motion blur en interfazLas salidas son SIEMPRE más cortas que las entradas
5.2

El pulso: entra largo, sale corto

La firma del movimiento Zapping. El elemento alcanza su velocidad máxima muy temprano — en el 25% del recorrido — y dedica el resto a aterrizar suave. Las salidas siempre duran un tercio de las entradas.
InicioPVP ↑ 25%Reposo
Pulse Out1 parte

La salida: rápida y limpia. Ocupa el primer tramo del recorrido.

Pulse In3 partes

La entrada: arranca fuerte y desacelera hasta el reposo.

Proporción1 : 3

Constante. La misma en app, web y broadcast — nunca cambia.

06 — En pantalla

La marca en pantalla

Proporciones de logotipo e isotipo en los formatos más comunes, y la única excepción de glow permitida en interfaz.

1/5
Pantalla horizontal
TV · desktop · 16:9
1/3
Pantalla vertical
Móvil · stories · 9:16
6.2

Formatos reducidos

Cuando el espacio aprieta, el wordmark baja a 1/9 del ancho — y bajo la escala mínima, cede el lugar al isotipo en modo Contenido.
1/9
Formato reducido
Overlays · banners
1/9
Bajo la escala mínima: isotipo Contenido
Watermark · UI compacta
6.3

Glow y LIVE

El glow es la luz que Zapping emite al encenderse — luz, nunca una sombra. En interfaz es la excepción, no la regla: solo el play primario y los badges LIVE/on-air lo llevan. Nunca en cards, hovers, bordes, texto ni en el isotipo Dominante.
EN VIVO

El test antes de aplicar glow: ¿hay aquí una fuente de luz, real o representada? Si no, no lleva.

Un solo glow por composición, hue único (Zapink), sin offset — la luz emitida no es direccional.

6.4

Dos formas de marcar «en vivo», una por contexto

No es duplicación: son dos significados distintos. La regla corta es si compite en una lista, es rojo; si ES la emisión, es Zapink.
TNT Sports 220:00
24 HorasLIVE
Mega20:00
Rojo — grilla, listados, EPG, tarjetas de canal

El rojo es la convención universal de «al aire» en listados. En una lista densa el Zapink competiría con la marca en vez de señalar un estado.

EN VIVO
Zapink — el indicador de emisión en el reproductor

Es el indicador de cámara encendida: fuente de luz representada, el único caso en que la regla de glow autoriza el Zapink.

07 — Descargas

Descargas

Todos los archivos, en los formatos que necesitas. Bájalos de acá — no de una captura ni de una pieza antigua.

Logotipo — Pack completo
SVG · PNG
Isotipo — Pack completo
SVG · PNG
Fuente ZappingFont
OTF
¿Necesitas el pack completo?
Todo el sistema en un solo archivo comprimido.
Descargar todo ↓