palette · dna1In the files
Soot, stone, candle gold and rust
Anchored to
ruin and decay quality · own predictiondark fantasy quality · own predictioncandlelit gold on black surface · own prediction
Translates: ruin and decay · dark fantasy
InterpretationRuin and decay become a near-black ground warmed toward brown like old soot, a stone mid-tone for panels, one candle gold for every line and highlight, a dried-rust red used sparingly, and bone for body text.
#0e0c0a#1c1814#c9a24a#8a3b1f#d8cdb8
Made with css-palette for “Candlelit ruin”: The palette lives in custom properties used through var().
typography · dna2In the files
Carved display serif over a book serif, with spaced inscription capitals
Anchored to
cryptic lore quality · own predictionengraved, etched linework surface · own prediction
Translates: cryptic lore
InterpretationCryptic lore reads like a carved epigraph: a high-contrast, sharp old-style display serif for the name and headings, a classical book serif for reading, and small labels set in widely tracked capitals like letters cut into a lintel.
Every record ends. Play it again.
Cormorant Garamond
Every record ends. Play it again.
EB Garamond
letter-spacing: 0.28em
Made with library-font for “Etched chronicle”: Both families come from the library with @font-face.
imagery · dna3In the files
Etched gothic arch framing a waning record
Anchored to
gothic architecture surface · own predictionweathered stone and rust surface · own predictionFromSoftware brand · own prediction
Translates: gothic architecture · weathered stone and rust
InterpretationA pointed arch drawn in single-weight gold lines, with cracked voussoirs and fallen stones at its foot, frames a vinyl record whose shadow sweeps across it as a moon phase: wax and wane. FromSoftware stands only as evidence of the ruined-cathedral mood, not as any source of marks or art.
#hero-archsvg#arch-record
Made with inline-svg for “Candlelit ruin”: Engraved linework is naturally a stroked inline SVG, animatable and local.
Away from the sketch: 1 new part
motion · dna4In the files
A slow turn and an ember breath
Anchored to
slow and brooding pacing · own prediction
Translates: slow and brooding
InterpretationSlow, brooding pacing becomes a record that takes 33 seconds per turn and a candle glow that breathes over 6 seconds; nothing bounces. Both pause on a button and stop under reduced motion.
@keyframes wane-turn@keyframes ember-breathanimation: wane-turn 33s linear infinite
Made with css-motion for “The struggle goes on”: Keyframes on the SVG record and the glow, with pause control and reduced-motion fallback.
voice · dna6In the files
Grim, defiant lines that keep playing
Anchored to
struggle against fate quality · own predictiondefiant tone · own predictionSusumu Hirasawa music · own prediction
Translates: struggle against fate · defiant
InterpretationThe struggle against fate becomes short, grave sentences about records that end and are played again; defiance without bravado, melancholy without despair.
Every record ends. Play it again.
Two turntables wait in the corner. Sit, and let the needle fall.
Leave your email. We will send word.
Made with copy for “The struggle goes on”: Lines written into the headline, intros and form.
structure · dna5In the files
The shop told as four numbered inscriptions
Anchored to
cryptic lore quality · own predictionThe Lord of the Rings: The Fellowship of the Ring film · own prediction
Translates: cryptic lore
InterpretationLike a chronicle's chapters, the facts become inscriptions I to IV — the records, the listening corner, the Thursday gathering, the hours and the way — each headed by a Roman numeral; the Thursday session reads as a fellowship that meets.
#inscriptions#gathering#hours-tablet
Made with css-layout for “Etched chronicle”: Numbered sections in a grid that stacks on mobile.
Away from the sketch: 3 new parts
interaction · dna7In the files
A sealed oath form whose gold line kindles on focus
Anchored to
solitary tone · own predictionmelancholic tone · own prediction
Translates: solitary
InterpretationA solitary act: one field for an email, on a dark tablet; on focus its underline kindles from rust to gold over a slow transition.
#oathtransition: border-color 0.9s ease, box-shadow 0.9s ease
Made with css-layout for “The struggle goes on”: A styled form with a slow focus transition.
Away from the sketch: 1 new part