gallery.synthwave-crt-wall · CRT wall

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

Rule
A step-5 uppercase title, then a two-by-two wall of CRT screens: each a bordered surfaceAlt bezel around a 16:9 duotone still, with a mono channel label under it.
Slots
title, items[4..4]
Grid areas
title 1-12 · wall 1-12 (12-column grid, 1-based inclusive spans)
Notes
Add scanlines and a faint vignette to each screen; on hover a screen flickers once (not under reduced motion).
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 chrome h2 at step 5, then four screens in a two-by-two wall: each a 16:9 duotone image inside a surfaceAlt frame with a 2 px border, scanlines and a vignette, and a muted mono channel label under it ("CH 03").

Selected work

Corvid Robotics — identity

Fieldstack — website

Tidewater Labs — naming

Arklow — trade show