Design system
Style guide
Tokens and components that every Podium page is built from. All colors follow your accent color and dark mode.
Color tokens
Tailwind utilities: bg-*, text-*, ring-*, from-*/to-*
accent
Play, primary buttons
accent-strong
Hover
accent-muted
Soft buttons, rings
accent-soft
Active nav, pills
accent-ink
Text on soft accent
ink
Headings
ink-2
Body text
muted
Meta text
subtle
Labels, placeholders
line
Borders
canvas
Page backdrop
surface
Cards
surface-2
Sidebar, inputs
surface-3
Hover, icon chips
hero
Hero surfaces
blush
Gradient stop
lilac
Gradient stop
Signature gradient
from-accent-soft via-blush to-lilac
Typography
Nunito Sans — or your Ghost custom fonts
Hero titleWake up your mind
Page titleAll episodes
Section titleRecently played
Card titleDare to Lead with Brené Brown
BodyEvery episode is mixed with care so it sounds great in earbuds, cars and kitchens.
MetaBy Karina Braus · 12 May 2026
EyebrowFeatured show
Sidebar labelLibrary
Buttons
Pills & inputs
Episode cards
Where Podcasting Goes From Here
By Ethan Cole
Designing Media That Respects Attention
By Ava Bennett
How Video Archives Become Searchable Knowledge
By Noah Carter
What Listeners Expect From a Modern Player
By Lucas Martin
Episode rows
Where Podcasting Goes From Here
By Ethan Cole
Designing Media That Respects Attention
By Ava Bennett
How Video Archives Become Searchable Knowledge
By Noah Carter
