palette · dna1In the files
Smoke, oxblood and brass after closing time
Anchored to
Moody look quality · newGritty look quality · predictedHollow Point film · new
Translates: Moody · Gritty
InterpretationMoody and Gritty become a smoked near-black ground, a dusty grey-teal for shadowed surfaces, one oxblood for the hard accent and tarnished brass for lamplight, with an unbleached paper for text. Low saturation throughout, so nothing glows like neon.
#121615#3f5a57#6b2a26#c9a46a#d9d2c3
Made with css-palette for “Moody streetlit night”: Custom properties carry the five colours through every surface.
Away from the sketch: 3 colours
typography · dna2In the files
Title-card serif with credit-roll mono
Anchored to
Cinematic look quality · newCharacter driven mood quality · new
Translates: Cinematic · Character driven
InterpretationCinematic becomes a condensed display serif set large like an opening title; character-driven credits become a mono for roles and small captions; a sturdy grotesque carries the body.
In order of appearance
Instrument Serif
In order of appearance
DM Mono
In order of appearance
Libre Franklin
letter-spacing: .18em
Made with library-font for “Moody streetlit night”: The three families load from local files and are applied by role.
Away from the sketch: 3 type families
imagery · dna5In the files
Opening shot: a streetlit shopfront at night
Anchored to
Urban Inspired surface · newAlias J.J. TV · newAtmospheric look quality · new
Translates: Urban Inspired · Atmospheric · Close quarter staging
InterpretationAn original inline SVG of a narrow street-level shopfront under a single lamp, with a cone of brass light, rain lines, and two turntables visible through the window; close framing, one light source.
#opening-shotsvg#shopfront-night
Made with inline-svg for “Moody streetlit night”: No image generator here; an inline SVG drawing can be animated and stays crisp.
Away from the sketch: 1 new part
motion · dna6In the files
Platter at 33 and a flickering lamp
Anchored to
Retro Infused pacing · newMeticulously Detailed pacing · new
Translates: Retro Infused · Meticulously Detailed
InterpretationRetro pacing becomes a record platter in the window turning at a true 33 rpm (1.8 s per turn) and a lamp that flickers irregularly, both paused by a button and stilled for reduced motion.
@keyframes platter-turn@keyframes lamp-flickeranimation: platter-turn 1.8s linear infinite
Made with css-motion for “Loyal, artisanal ritual”: Keyframes on SVG parts, with reduced-motion and pause control.
voice · dna7In the files
Terse, loyal, character-led lines
Anchored to
Farruko music · newArtisanal tone · newConflicted mood quality · new
Translates: Charismatic · Artisanal · Conflicted
InterpretationShort declarative lines with a little swagger and a past: records as characters with history, the session as a promise kept, never hype or exclamation marks.
Every record here has a past.
Thursday, 19:30. Same hour every week.
Put your name on the list.
Made with copy for “Characters with charisma”: The lines are written into the page around the fixed facts.
layout · dna4In the files
The ledger of standing appointments
Anchored to
Loyal meaning quality · newTraditional tone · new
Translates: Loyal · Traditional
InterpretationLoyalty becomes a ruled ledger of the week, Monday struck through, Thursday marked with the 19:30 session as a standing date, laid out on a strict seven-row grid.
#ledger#standing-dategrid-template-columns: 7rem 1fr auto
Made with css-layout for “Loyal, artisanal ritual”: A ruled grid with a fixed column template makes the ledger.
Away from the sketch: 2 new parts
structure · dna3In the files
The cast: the shop introduced as characters
Anchored to
Character driven mood quality · newCharismatic mood quality · newThe Irishman film · new
Translates: Character driven · Charismatic
InterpretationThe offer is presented as a cast list in order of appearance: new vinyl, used vinyl, the listening corner and the Thursday session, each with a role line in mono and a short character note.
In order of appearance
#cast
Made with css-layout for “Characters with charisma”: A credits-style list is pure layout and type.
Away from the sketch: 1 new part