Presets Undertow Cassette
Undertow Cassette
Dark-first music UI: midnight-teal surfaces, one aqua accent for play and focus, poster-style display type for late-night listening and mixing.
Use Undertow Cassette
In Figma
Open UIX, go to Presets and search “Undertow Cassette”. Press Use this preset, then Sync to Figma.
Install UIXIn code
A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.
Unlock with UIX ProYou have UIX Pro. Download any file:
DESIGN.mdtheme.csstokens.dtcg.jsonfigma-variables.jsonshadcn-theme.jsonpreset.json
Send to your AI agent
Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Undertow Cassette preset”.
Get your MCP linkAbout Undertow Cassette
Dark-first music UI: midnight-teal surfaces, one aqua accent for play and focus, poster-style display type for late-night listening and mixing.
Undertow Cassette is one of the Pro presets in UIX. Its tokens, theme files and DESIGN.md come with UIX Pro: in Figma, in code, and through the UIX MCP for AI coding agents.
- Access
- UIX Pro
- Industries
- music, streaming, audio production
- Mood
- nocturnal, cinematic, luminous, focused
- Display font
- Schibsted Grotesk
- Body font
- Hanken Grotesk
- Mono font
- Geist Mono
- Density
- Comfortable
- Contrast
- Standard
- Corner radius
- 8px