palette · dna1In the files
Lamp at dusk over the Moda sea
Anchored to
Intimate look quality · newAtmospheric look quality · new
Translates: Intimate · Atmospheric
InterpretationIntimacy becomes a dark, warm plum-brown room lit by one amber lamp and skin-warm rose; atmosphere becomes a hazy lilac mist and the slate-teal of the sea after sunset. Low-contrast surfaces, one warm light source.
#241a26#e9b25a#d39a92#bdb6c8#4d7c80#f1e7dc
Made with css-palette for “Close, lamp-lit intimacy”: Custom properties carry the lamp-and-dusk palette across every section.
Away from the sketch: 4 colours
typography · dna2In the files
Condensed literary serif set large and close, with a calligraphic humanist body
Anchored to
Intimate look quality · newLeonard Cohen music · new
Translates: Intimate · Minimalist
InterpretationAn intimate, literate register becomes a condensed editorial serif at very large sizes with tight leading, as if leaning in; the body is a calligraphic humanist sans that reads like a handwritten note typed out. Minimal: two families, no ornaments.
Sit close. Let the needle find it.
Instrument Serif
Sit close. Let the needle find it.
Alegreya Sans
line-height: 0.92letter-spacing: -0.015em
Made with library-font for “Close, lamp-lit intimacy”: Instrument Serif and Alegreya Sans are fetched locally so the close, literate register renders exactly.
Away from the sketch: 2 type families
imagery · dna5In the files
Sculptural turntable still life in single-weight lines
Anchored to
Sculptural surface · newArchitectural Design surface · new
Translates: Sculptural · Architectural Design
InterpretationSculptural, architectural surfaces become an original line drawing of a turntable on a stepped plinth with a lamp and two cups, drawn in one amber stroke weight on the dark ground.
svg#still-life
Made with inline-svg for “Sculptural objects”: An original line drawing keeps the single-weight sculptural stroke and can animate its platter.
motion · dna6In the files
The lamp breathes; the record turns only at 33 1/3
Anchored to
Melancholic mood quality · predictedEmotional mood quality · new
Translates: Melancholic · Emotional
InterpretationA melancholic, emotional mood becomes very slow motion: the lamp glow swells over nine seconds, and the drawn record turns at true 33 1/3 rpm (1.8 s a revolution), with a visible control to lift the needle and stop it.
@keyframes lamp-breathe@keyframes platter-turnanimation: platter-turn 1.8s linear infinite
Made with css-motion for “Calm, poetic haze”: Keyframes for the lamp and platter, with reduced-motion fallback and a pause control.
voice · dna7In the files
Short, close, second-person lines
Anchored to
Thoughtful tone · newMavi music · new
Translates: Thoughtful · Poetic · Calm
InterpretationA thoughtful, poetic, calm tone becomes short sentences addressed to one person, with pauses (full stops) instead of exclamation marks and no sales language.
Sit close. Let the needle find it.
Two chairs, two turntables, no hurry.
One record, start to finish. Talk after, or don't.
Made with copy for “Calm, poetic haze”: Lines written into the page in a calm, poetic second person.
layout · dna3In the files
Records framed as tight close-ups
Anchored to
Fleabag TV · newGunshot film · new
Translates: Close up driven · Taut framing
InterpretationClose-up-driven, taut framing becomes portrait frames that crop each record so its label and grooves overflow the edge; you see a detail, never the whole sleeve.
#close-upsaspect-ratio: 4 / 5
Made with css-art for “Close, lamp-lit intimacy”: Each record's close-up is drawn in CSS (radial grooves and a coloured label) cropped in a 4/5 frame, so no sleeve artwork is copied.
Away from the sketch: 1 new part
structure · dna4In the files
Two chairs: the listening corner and Thursday as the page's centre
Anchored to
Friendship meaning quality · newPretty Boys film · newWoman TV · new
Translates: Friendship · Naturalistic · Domestic tableau composition
InterpretationFriendship and a domestic tableau become a full-width section built around two seats and two turntables side by side, with the Thursday 19:30 session set as an invitation to a table rather than an event listing.
#two-chairs#thursday-table
Made with css-layout for “Friends around one record”: A two-column tableau of two seats and the Thursday table is a layout decision; no script needed.
Away from the sketch: 2 new parts
interaction · dna8In the files
Lift the needle
Anchored to
Andrew Bird music · newModern Love TV · new
Translates: Intimate · Miniature movie
InterpretationAn intimate miniature becomes one small control in the hero: a button that lowers or lifts the needle, starting or stopping the record, with the tonearm easing into place.
#needle-toggletransition: transform 1.2s cubic-bezier(.3,.6,.2,1)
Made with interaction-script for “Close, lamp-lit intimacy”: A few lines of script toggle the needle state and aria-pressed on the control.
Away from the sketch: 1 new part