Night ink and one sodium lamp

Translates: Atmospheric · Luminous · Observational

InterpretationAtmospheric and luminous become a deep blue-black ground with raw concrete greys and pale haze for text; a single sodium-yellow lamp colour is the only light, used for what is open, playing or next. A small signal red marks Thursday. The film is evidence of the observational, lit-in-the-dark atmosphere, not a source of colours.

Made with css-palette for “Lit night, raw surfaces”: The palette lives in custom properties used through var() across the page.

Away from the sketch: 3 colours

Tall civic capitals over a plain grotesque, facts in mono

Translates: Visually Austere · Raw · Naturalistic

InterpretationVisually austere and raw become tall, narrow uppercase display capitals like signage on a concrete wall, a sturdy unadorned grotesque for reading, and a calm monospace for addresses, hours and times, so facts read as plain record.

Put one on. Nobody here is in a hurry.

Big Shoulders Display

Put one on. Nobody here is in a hurry.

Libre Franklin

Put one on. Nobody here is in a hurry.

DM Mono

Made with library-font for “Lit night, raw surfaces”: Three library families loaded locally carry the austere signage, reading and record-of-fact roles.

Away from the sketch: 3 type families

Sculptural sleeve stack and turntable plan, drawn in line

Translates: Sculptural · Architectural Design · Textural

InterpretationSculptural and architectural surfaces become an inline SVG of record sleeves stacked as leaning slabs with groove relief, and a second SVG that draws the listening corner as an architect's plan: two turntables, a bench, the window.

Made with inline-svg for “Sculptural, textural form”: No pictures on this server; the sculptural forms are best drawn as line SVG anyway.

Away from the sketch: 1 new part

Twelve-second lamp breath

Translates: Pensive · Quiet

InterpretationPensive, quiet pacing becomes one slow brightening and dimming of the lamp glow behind the window, with no overshoot, plus sections that rise in over 1.4 s; everything stops under reduced motion and the loop has a pause button.

Made with css-motion for “Pensive, deadpan tempo”: A single CSS keyframe loop on the lamp glow plus IntersectionObserver entrances; reduced-motion and pause handled in CSS.

Dry, thoughtful short lines

Translates: Reflective · Deadpan · Thoughtful

InterpretationReflective and thoughtful with a deadpan edge becomes short declarative lines, a little wry, no exclamation marks; the facts are stated plainly and the voice lives around them.

Put one on. Nobody here is in a hurry.

Closed on Mondays. The records need a day too.

Two turntables, one corner, as long as a side lasts.

Made with copy for “Pensive, deadpan tempo”: The lines are written into the page around the fixed facts.

The week as the page's spine, Thursday lit

Translates: Identity · Character driven · Low key hip

InterpretationIdentity and character-driven stories about small rooms become a page built on the shop's week: a ledger of seven days where Monday is dark and Thursday is lit for the listening session, and a gathering section that invites people back as themselves.

Made with css-layout for “Who you are by what you play”: The week ledger and the Thursday section are semantic sections laid out with CSS grid.

Away from the sketch: 2 new parts

Needle drop

Translates: Experimental · Lo-Fi Indie Rock

InterpretationAn experimental, lo-fi spirit becomes one hands-on control: a button in the listening corner lowers the drawn tonearm onto the record and starts it turning slowly; pressing again lifts it. The arm moves on a long, weighted transition.

Made with interaction-script for “Who you are by what you play”: A small script toggles aria-pressed and a data attribute that drops the tonearm and spins the record.

Away from the sketch: 1 new part