Presets Neon Runway

Neon Runway

Dark-first fashion UI with deep teal-tinted surfaces, one luminous aqua accent and wide Syne headlines for after-dark lookbooks and drops.

Pro Use in Figma Get the files
Neon Runway 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

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

Use Neon Runway

In Figma

Open UIX, go to Presets and search “Neon Runway”. 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 Neon Runway preset”.

Get your MCP link

About Neon Runway

Dark-first fashion UI with deep teal-tinted surfaces, one luminous aqua accent and wide Syne headlines for after-dark lookbooks and drops.

Neon Runway 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
fashion, luxury retail, editorial
Mood
nocturnal, cinematic, luminous, refined
Display font
Syne
Body font
Manrope
Mono font
Fira Code
Density
Comfortable
Contrast
Standard
Corner radius
10px

Similar presets

All 251 presets →