Green Deck
A bold, dark-first design system built for immersive audio experiences. Green Deck uses a high-energy green accent against deep black and charcoal surfaces to create an atmosphere that feels like a late-night concert venue — electric, focused, and alive. The aesthetic is minimal yet punchy, designed to keep content front and center while the UI recedes into darkness.
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.
Spacing
Base: 8pxA bold, dark-first design system built for immersive audio experiences. Green Deck uses a high-energy green accent against deep black and charcoal surfaces to create an atmosphere that feels like a late-night concert venue — electric, focused, and alive. The aesthetic is minimal yet punchy, designed to keep content front and center while the UI recedes into darkness.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Inputs
Chips
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here