Brand kit · v1

yStream

Ice signal blue · meter-y mark. The mark is pure geometry plus Archivo Black, so it rebuilds at any size. This page is the live reference for the tokens used across ystream.live.

01 · Logo

yStream logo lockup: three ascending level bars in signal blue beside the yStream wordmark in off-white.
The yStream lockup as used on light backgrounds.
The yStream mark: three level bars leading into a lowercase y.

clear space = bar width × 3
min lockup width 96px
below that: mark only

02 · App icon & favicon

The yStream app icon: level bars and a lowercase y in near-black on a blue gradient tile.
The yStream favicon at 64px.
Favicon at 32px. Favicon at 16px.

app icon 1024 — bars + y
favicon 64 / 32 / 16 — y only
(bars vanish below 48px)

03 · Share image (Open Graph, 1200×630)

The yStream Open Graph card: the wordmark, the headline “Radio that runs itself.”, and the line ystream.live · live 24/7 · nobody in the studio.

04 · Colour tokens

--accent#7DB8FF · signal only
--ground#080A0D
--panel#0B0E12
--line#1F2733
--text#E6EBE8
--text-2#A8B0BA
--dim#8B96A5
--faint#5A6675

accent is reserved for: LIVE dot · play button · progress · focus rings · link underlines · logo bars. Never as a fill for panels or headings.

05 · Type

Archivo — display & UI

900/800 display · 700 headings · 400–500 body · self-hosted woff2

IBM Plex Mono — 105 BPM · 4B · 0.62

data moments: BPM, key, timecode, labels · tabular figures

שיכורים — עדן חסון

Heebo — Hebrew fallback for song titles · always dir="auto" per string

06 · Motion

one clock: the song's BPM · pulse period = 1 beat · LIVE dot = 2 beats · logo bars = 2 beats, staggered
hue: camelot key rotates the glow · amplitude: energy 0–1 · prefers-reduced-motion → static frame