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 four or six 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 paragraph at body size.

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.