Brand
Brand Guidelines
Resources for presenting the Livepeer brand consistently and professionally.
Identity
Logo
Three variants: Symbol, Wordmark, and Lockup (symbol + wordmark). White on dark, black on light.
On dark background
Symbol
Wordmark
Lockup
On light background
Symbol
Wordmark
Lockup
When to use
Symbol
Favicons, app icons, avatars, social profiles, and compact spaces where the brand is already established.
Wordmark
App and website headers, navigation bars, and product UI where a clean, text-forward identity is preferred.
Lockup
Footers, splash screens, co-marketing, partner pages, event signage, and press kits — anywhere the audience may not already know the brand.
Guidelines
- Clear Space — Minimum clear space equals the width of the symbol on all sides.
- Placement — Primary: top-left or bottom-left. Secondary: top-right, bottom-right, or center.
- Avatars — Green gradient bg + white symbol, black bg + white symbol, or white bg + black symbol.
Color
Color Palette
Primary Colors
Accent Green
green
Primary Black
dark
Primary White
white
Green Variants
Green
green
Green Light
green-light
Green Dark
green-dark
Green Bright
green-bright
Green Subtle
green-subtle
Blue Accent
Blue
blue
Blue Light
blue-light
Blue Dark
blue-dark
Blue Bright
blue-bright
Blue Subtle
blue-subtle
Surface Scale
Dark
dark
Dark Lighter
dark-lighter
Dark Card
dark-card
Dark Border
dark-border
Greyscale Ramp
#181818
#2F2F2F
#464646
#5D5D5D
#747474
#8B8B8B
#A3A3A3
#BABABA
#D1D1D1
#E8E8E8
#FFFFFF
Black 100
Black 90
Black 80
Black 70
Black 60
Black 50
Black 40
Black 30
Black 20
Black 10
White
Text Hierarchy (Opacity)
Type
Typography
Favorit Pro — Primary Typeface
Book (300)
Open infrastructure for real-time AI video
Regular (400)
Open infrastructure for real-time AI video
Medium (500)
Open infrastructure for real-time AI video
Bold (700)
Open infrastructure for real-time AI video
Favorit Mono — Secondary Typeface
Regular (400)
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Medium (500)
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Bold (700)
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
Text Hierarchy
Label — Mono, uppercase, tracking-wider
text-sm · 14px · text-white/40
Section Label
Display Heading — Bold, tracking-tight, leading-[0.93]
text-7xl · 72px · text-white
Hero Heading
Section Heading — Bold, tracking-tight
text-5xl · 48px · text-white
Section Title
Body — text-lg
text-lg · 18px · text-white/60
The Livepeer network is open infrastructure for real-time AI video. Build applications powered by decentralized transcoding, streaming, and AI processing.
Small Body
text-sm · 14px · text-white/50
Supporting text, descriptions, and secondary content use the smaller body size with reduced opacity.
Stat — Mono, font-bold
text-4xl · 36px · text-green
100,000+
Display Headings
93%
Favorit Pro Bold
Mono Labels
120%
Favorit Mono Bold
Body Text
100%
Favorit Pro Medium
Visual Language
Holographik Grid System
The site's signature visual combines B&W video/imagery, a 9-column square tile grid, geometric shapes, animated particle trails, and liquid glass effects into a layered “control room” aesthetic.
Layer Stack (bottom to top)
1 Media
2 Tile Grid
3 Shapes
= Combined
Expression
Gradients
Primary Brand Gradient
#171717 → #18794E → #6DB09C
Text Gradient
Open infrastructure for real-time AI video
.text-gradient — #40BF86 → #1E9960
Section Divider
.divider-gradient — 1px white glow, transparent edges