palette · dna1In the files
One coloured lamp in a dark room
Anchored to
Alternative R&B look quality · newIntimate look quality · new
Translates: Alternative R&B · Intimate
Through the convention: late-night studio light: one coloured lamp in a dark room, everything else falling to near-black
InterpretationAlternative R&B and Intimate, drawn the way late-night studio light draws them: an ink near-black room with one saturated light at a time (ultramarine, hot coral, acid chartreuse) instead of a warm sunset gradient. The cool pale paper is for text only.
#0e0f1a#2b3cf0#ff5a7a#d4ff3a#f1f0ff
Made with css-palette for “After-hours alt-soul”: Custom properties on :root hold the ink ground and the three lamp colours, so each section can switch its one light.
Away from the sketch: 4 colours
typography · dna2In the files
Wide lowercase sleeve titles over a plain indie grotesque
Anchored to
Alternative R&B look quality · newSampha music · newMinimalist look quality · new
Translates: Alternative R&B · Minimalist
Through the convention: alt-R&B single sleeves: one object as a bold silhouette on a flat saturated colour field, with a small lowercase title set wide in a corner
InterpretationSet the way alt-R&B single sleeves set a title: lowercase, wide and spaced, sometimes small in a corner, in Syne; facts in Familjen Grotesk, a plain indie grotesque. No groovy italic display face.
One lamp, lit five nights a week, all autumn.
Syne
One lamp, lit five nights a week, all autumn.
Familjen Grotesk
text-transform: lowercaseletter-spacing: 0.06em
Made with library-font for “After-hours alt-soul”: Syne and Familjen Grotesk are fetched into the workspace with @font-face, so the wide lowercase titles render as specified.
Away from the sketch: 2 type families
imagery · dna3In the files
Cut-paper lamp collage
Anchored to
Bold Silhouettes surface · newI'm a Virgo TV · newSurreal mood quality · new
Translates: Bold Silhouettes · Dreamlike collage · Whimsical absurdism · Surreal
Through the convention: cut-paper collage title cards: flat colour shapes at mismatched scale, stacked slightly off-kilter
InterpretationBold Silhouettes and the dreamlike collage of the screen favourites become one original inline SVG: a lamp built from flat cut colour shapes at mismatched scale, a moon too small, a balcony arc, a cord that loops into a staircase, set slightly off-kilter as the hero.
#hero-collagesvg#lamp-collage
Made with inline-svg for “Surreal colour collage”: No picture generator here, and a cut-paper collage is flat shapes by nature: an inline SVG draws it crisply in the palette.
Away from the sketch: 1 new part
motion · dna6In the files
The lamp breathes
Anchored to
Soulful mood quality · new
Translates: Soulful
InterpretationNo pacing tags came back, so the mood Soulful sets it: the lamp's glow swells and settles over seven seconds with no bounce, like a held note, paused by a control and still under reduced motion.
#glow-toggle@keyframes lamp-breatheanimation: lamp-breathe 7s ease-in-out infinite
Made with css-motion for “After-hours alt-soul”: One keyframed glow on the lamp shade's halo, with a pause button and a prefers-reduced-motion fallback.
Away from the sketch: 1 new part
voice · dna7In the files
Poised, crafted lines with room around them
Anchored to
grace tone · newCraftsmanship tone · new
Translates: grace · Craftsmanship
InterpretationTone tags grace and Craftsmanship, not my predicted mellow groove: short, composed sentences that state the facts carefully and leave space, never slang or hype.
One lamp, lit five nights a week, all autumn.
Nine hundred on the floor. Three hundred above. One room, listening.
Come as you are. The light finds everyone.
Made with copy for “Clean-lined craft”: The lines are written into the page's headings and section openers.
layout · dna4In the files
The five nights hung as a gallery wall of square colour panels
Anchored to
Vivid Colors surface · newEclectic mood quality · newOpen-Minded meaning quality · new
Translates: Vivid Colors · Eclectic · Open-Minded
Through the convention: contemporary-art gallery hangs: a wall of equal square panels, each a different flat colour
InterpretationEach night from Wednesday to Sunday is its own square flat colour panel, like a gallery hang of sleeves: one room, five different lights, open to whoever walks in. Sunday's panel carries the all-ages matinee.
#nights-wallaspect-ratio: 1 / 1
Made with css-layout for “Surreal colour collage”: A CSS grid of square panels with aspect-ratio 1 / 1 hangs the five nights as a gallery wall that reflows to two columns and one on phones.
Away from the sketch: 1 new part
structure · dna5In the files
The room and box office as a ruled spec tag
Anchored to
Herschel Supply Co brand · newClean Lines look quality · newHandcrafted surface · new
Translates: Heritage-Inspired · Clean Lines · Handcrafted
Through the convention: woven heritage labels and spec tags: plain facts in small ruled boxes
InterpretationClean Lines and the heritage-minded goods they carry every day become a woven-label spec tag: capacity, doors, first act and box office hours in small ruled boxes, plain and exact, translated from the genre of label design, never a brand's own label.
#spec-tagborder: 2px solid var(--paper)
Made with css-layout for “Clean-lined craft”: A ruled grid of bordered cells makes the spec tag; plain HTML keeps the facts readable and accessible.
Away from the sketch: 1 new part
