Twitch· Mediatwitch.tv

Twitch · Live · Browse · Follow

You're already a fan. Now go live.

Twitch is where millions of people come together live every day to chat, interact, and make their own entertainment. Find a community and a stream you love.

Color Palette18 tokens

background#ffffff

surface#efeff1

surface-dark#0e0e10

surface-elevated#18181b

ink#0e0e10

ink-secondary#3b3b44

ink-muted#adadb8

on-dark#ffffff

primary#9147ff

primary-hover#772ce8

primary-strong#5c16c5

primary-soft#bf94ff

on-primary#ffffff

link-blue#1f69ff

live-red#eb0400

border#dedee3

border-strong#adadb8

shadow-ambient#000000

Buttons

TypographyGoogle Font

Onestbrand uses Roobert

display

Now go live.

48px · 700 · -0.96px

heading

Live channels we think you'll like

28px · 600 · -0.28px

heading-sub

Twitch is where millions of people come together live every day to chat, interact, and make their own entertainment. Find a community and a stream you love.

18px · 500 · -0.18px

body-large

JUST CHATTING · 1.2M VIEWERS

18px · 400 · 0px

body

Twitch is where millions of people come together live every day to chat, interact, and make their own entertainment. Find a community and a stream you love.

14px · 400 · 0px

IconsLucide

Set: Lucide · brand-matched

Formfocus ring

you@company.com

Password

••••••••

Card · Shapes

Live channels we think you'll like

Twitch is where millions of people come together live every day to chat, interact, and make their own entertainment. Fin…

Media

Elevation

RING

CARD

ELEVATED

Controls

Off

✓Checked

Unchecked

Selected

Option

Alerts

Heads up — a new version of the design system is available.

Saved. Your changes are live across all surfaces.

Some tokens are missing a contrast-safe pairing.

Couldn’t reach the server. Retry in a moment.

Badges

SolidSoftOutlineNewv2.0

FAQ

Live channels we think you'll like

Twitch is where millions of people come together live every day to chat, interact, and make their own entertainment. Find a community and a stream you love.

How does it integrate with my stack?

Is there a free tier?

Tabs

OverviewActivitySettings

DayWeekMonth

Stats

48.2k

Active users

+12.4%

$12.8k

MRR

+3.1%

99.9%

Uptime

−0.02%

Table

Member	Plan	Status
AQAvery Quinn	Pro	Active
JLJordan Lee	Team	Pending
SRSam Rivera	Free	Active

Avatars

AQJLSR+5

Avery Quinn

Online · Owner

Slider · Progress

Volume62%

Storage used78%

Tooltip · Popover

Brand-styled tooltipHover target

Navigation bar

Banner

Pricing

Pro

$24 /mo

Unlimited projects
Priority support
Custom domains

Stepper

CartDetails3Payment4Review

Breadcrumb

HomeMediaTwitch

Toast

Changes savedUndo

You have 3 new updates

Activity

Avery created a new project

2h ago

Jordan left a comment

5h ago

Sam shipped v2.0

1d ago

Notifications

AQAvery Quinn invited you to Twitch.

2 minutes ago

JLJordan Lee approved your design tokens.

1 hour ago

SRSam Rivera mentioned you in a thread.

Yesterday

Code

theme.ts

// Twitch tokens
export const theme = {
  primary: "#9147ff",
  radius: "4px",
}

Calendar

March 2026

SMTWTFS28291234567891011121314151617181920212223242526272829303112

No resultsTry adjusting your filters or search for something else.

Pagination

‹123…12›

Brand moment

I went live with twelve viewers and a webcam. Two years later this is my full-time job and the community feels like home.

Twitch · Media

Similar systems

Generated from shared tags, visual DNA, category, color, type, and radius.

Filter by this ↗

Netflix95%

shared styles: Dark, Bold, Cool · same category: Media

The Ringer82%

shared styles: Dark, Bold, Minimal · same category: Media

032c77%

shared styles: Dark, Bold, Minimal · same category: Media

A2472%

shared styles: Dark, Bold · same category: Media

SoundCloud72%

shared styles: Dark, Bold · same category: Media

The Verge71%

shared styles: Dark, Bold · same category: Media