pricing.synthwave-level-select · Level select

A pricing pattern from Synthwave Retro-Future, drawn alone below with this design's tokens and sample copy. Not used in this design: shown with its tokens for comparison. Give the section root data-pattern="pricing.synthwave-level-select". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A centred SELECT YOUR LEVEL title, then two or three neon-outlined level cards: mono level tag, uppercase name, a mono price, a line and a button.
Slots
title, plans[2..3]
Grid areas
title 1-12 · levels 1-12 (12-column grid, 1-based inclusive spans)
Notes
The recommended level glows (accent outline + accent glow); others use the purple border role.
Tokens
bg #0E0B1F · text #EDE6FF · heading #FFFFFF · accent #FE2D6D · accent2 #00A59F · Orbitron / Space Grotesk · radius 2px · space unit 8px (full list in design/tokens.json)

Pattern notes

  • A centred chrome h2 ("select your level"), then 2–3 level cards in a row, each a neon-outlined panel with centred content: mono level tag, uppercase plan name, mono price at step 5, a muted line and a primary button. The recommended level has the accent border and glow; others use the purple border.

Engagements

For starting out

Sprint

€18k

Two-week positioning sprint with a written brand platform.

Choose Sprint

Most popular

Rebrand

€85k

Positioning, identity and a launch toolkit over 12 weeks.

Most popular — choose

For larger teams

Partner

€14k/mo

A standing team for product launches and campaigns.

Choose Partner