features.synthwave-cassette-grid · Cassette grid

A features pattern from Synthwave Retro-Future, drawn alone below with this design's tokens and sample copy. Used in this design on: home page, section 3. Give the section root data-pattern="features.synthwave-cassette-grid". A guide only: DESIGN.md and tokens.json are the source of truth.

Rule
A centred mono label and chrome title, then features as neon-outlined cassette cards two per row: side/track label and a reel dot, a neon rule, the title and a line.
Slots
sectionLabel, title, features[4..6]
Grid areas
header 1-12 · cassettes 1-12 (12-column grid, 1-based inclusive spans)
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 mono label and chrome h2 (step 4). Then 4–6 cassette cards two per row: neon-outlined surface panels with a top row of a mono side/track label ("SIDE A · 01") and a small cyan reel dot, a 1 px rule, an uppercase h3 (700) and a muted small paragraph.

What you get

What we do

01

Positioning

Find the one sentence your best customers already believe.

02

Identity systems

Logos, type and colour that work on a factory floor and a pitch deck.

03

Websites

Fast, editable sites built on the CMS your team already knows.

04

Sales enablement

Decks, one-pagers and demos your reps actually use.

05

Product naming

Names that survive trademark search and a noisy trade show.

06

Brand governance

Guidelines as a living site, not a forgotten PDF.