brand.zapping.com · v2.0.0

El hub de marca de

tele.Y ERA.

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 ERA.
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

Tres 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 nueva y recurrente.
700 · italic
Todos tus canales, en vivo
Bold Italic
TODOS los títulos y subtítulos (H1, H2). 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

El token display principal de la marca: un setup roman calmado y un remate Black Italic que aterriza con todo. El remate suele cambiar de color (blanco ↔ rosa).
tele.Y ERA.
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
3.4

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.
tele.Y ERA.
prende.Y MIRA.
¿No sabes qué ver?ZAPPING & CHILL.
tele.Y ERA.

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
5.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
5.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.

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 ↓