PodWave Design System
PodWave is an audio-centric design system crafted for podcast platforms and audio content apps. Built on a dark background, it draws visual inspiration from waveforms and audio visualizers with glowing purples and teals. The system uses rounded, pill-shaped playback controls and generous spacing to create an immersive listening experience.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 8pxPodWave is an audio-centric design system crafted for podcast platforms and audio content apps. Built on a dark background, it draws visual inspiration from waveforms and audio visualizers with glowing purples and teals. The system uses rounded, pill-shaped playback controls and generous spacing to create an immersive listening experience.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
List
Default
Hover
Active
Checkbox
Unchecked
Checked
RadioButton
Unchecked
Selected
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here