sonic

premium sports streaming · brand identity portal
📄 Manual PDF 📊 Benchmarking

Color

Click un swatch para copiar el hex. 70/25/5 rule: 70% base, 25% surface/text, 5% signal.

Tipografía

Inter como base (placeholder hasta custom sonic font). Lowercase preferido, numerales tabulares en scores.

display · 96pt TV
sonic.
h1 · 64pt TV
Real Madrid vs Barcelona
h2 · 44pt TV
Coming up tonight
h3 · 32pt TV
Live now · 87' · 2-1
body-lg · 24pt
Watch live or rewind anytime.
body · 20pt
Premium sports streaming with full live and on-demand catalogue across mobile, web and connected TV.
caption · 16pt
Final · Wembley Stadium · 90:00 · final score

Motion

Curva característica: cubic-bezier(0.2, 0.8, 0.2, 1) — entrada rápida, salida desacelerada, "ya estaba ahí".

Sonic mark

8 variantes derivadas del master full intro. Click play para escuchar. Polyphony = 1 (solo una a la vez).

Aplicaciones

7 contextos de uso del logo en producto, social, print.

Splash phone
Splash · mobile
Splash TV
Splash · TV
Launcher icons
App launcher icons
TV home
TV home screen
Mobile home
Mobile home screen
Social kit
Social media kit
Business card
Business card
In-app states
In-app states

Design tokens

Single source of truth: tokens.json. 7 formatos generados desde el build script.

Loading...

Downloads

Paquetes empaquetados por categoría.

Logos (8 SVGs)
Horizontal, stacked, mark, wordmark × light/inverted
Browse
Sonic variants (zip)
8 WAVs + waveform PNGs + script · 1.4 MB
↓ Download zip
Design tokens (zip)
7 formatos + source JSON + build script · 15 KB
↓ Download zip
Launcher icons (zip) v1.0.2
73 PNGs · iOS / Android / AndroidTV / FireTV / tvOS / Web / Win / Mac · 621 KB
↓ Download zip
GitHub Release v1.0.2
All assets attached · source code + tag
View on GitHub
Brand Identity Manual PDF
22 páginas A4 · v1.0.2
↓ Download PDF
OTT Benchmarking PDF
32 páginas · research source
↓ Download PDF
tokens.json
W3C Design Tokens source of truth
↓ JSON