AirwaveLegacy format
Airwave is a design system for podcast platforms, audio shows, and on-demand listening apps. The aesthetic borrows from late-night broadcast booths and vintage audio gear — charcoal surfaces, glowing amber accents, and waveform visualizations that act as both decoration and information...
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.
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: 4pxAirwave is a design system for podcast platforms, audio shows, and on-demand listening apps. The aesthetic borrows from late-night broadcast booths and vintage audio gear — charcoal surfaces, glowing amber accents, and waveform visualizations that act as both decoration and information...
Components
Buttons
Waveform
Episode List (48px)
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Elevation & Depth
Do's & Don'ts
Do
Don't
Icons
Font AwesomeLibrary: Font Awesome · Style: outline · Size: 20px
Motion
Motion in Airwave is rhythmic — it borrows from the cadence of audio. Standard duration is 240ms with cubic-bezier(0.4, 0, 0.2, 1) easing. Playback button transitions use 180ms. The active episode's amber halo pulses on a 2.4-second sine wave at low amplitude — subtle, like breathing. Waveform bars animate height on entry (staggered 16ms each, 360ms total). Page transitions cross-fade over 240ms. The mini-player expanding to full-screen on mobile uses a spring physics curve (stiffness 240, damping 28).
Voice and Tone
• Conversational but produced. Like a host's intro, not a dashboard alert.
• Use show language: "On this episode," "From the archives," "Coming up next."
• Subscribe verbs are warm: "Follow," "Add to library," "Save for later" — not "Subscribe" alone.
• Empty states use audio idiom: "Nothing in the queue," "Dead air," "No transcript available yet."
• Push notifications are show-personal: "New from [Show Name]" rather than "You have a new podcast."
Use with MCP
Don't have the MCP? Install it here