Presets Patchcord Vinyl

Patchcord Vinyl

Retro-modern music UI: cobalt actions on cool green-grey neutrals, Playfair display type and crisp modern spacing for players, editors and sample libraries.

Pro Use in Figma Get the files
Patchcord Vinyl across ten UI tiles: hero, phone screen, type, chart, palette, form, alerts, pricing, chat and buttons

A picture of the Pro preset. See it live, in light and dark, with UIX Pro.Unlock

Patchcord Vinyl full preview: colour ramps, light and dark tokens, type scale, components in every state and six product screens

Use Patchcord Vinyl

In Figma

Open UIX, go to Presets and search “Patchcord Vinyl”. Press Use this preset, then Sync to Figma.

Install UIX

In code

A Tailwind v4 and shadcn/ui theme, W3C tokens, Figma variables and a DESIGN.md. Included with UIX Pro.

Unlock with UIX Pro

Send to your AI agent

Connect the UIX MCP once, then ask Claude Code, Cursor or any MCP client: “Use the Patchcord Vinyl preset”.

Get your MCP link

About Patchcord Vinyl

Retro-modern music UI: cobalt actions on cool green-grey neutrals, Playfair display type and crisp modern spacing for players, editors and sample libraries.

Patchcord Vinyl 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, audio, creator tools
Mood
retro, confident, playful, modern
Display font
Playfair Display
Body font
Source Sans 3
Mono font
IBM Plex Mono
Density
Comfortable
Contrast
Standard
Corner radius
10px

Similar presets

All 251 presets →