# Design Language for cbdc.study ## Aesthetics and Tone cbdc.study is conceived as **The Atrium of Ledgers** — an imagined late-1928 reading room belonging to a fictional Bank of International Monetary Studies, repurposed in our present as a *self-published, scholarly hypertext* on the history and live emergence of Central Bank Digital Currency. The site treats CBDC not as fintech-press-release news but as the **most recent strophe of a 4,200-year poem about what humans agree to call money**, beginning with cuneiform debt tablets at Uruk and arriving — fourteen movements later — at the e-CNY pilot wallet, the digital euro consultation papers, and Project Mariana cross-border settlement. The aesthetic register is therefore *deliberately archival, deliberately nocturnal, deliberately ceremonial*. There is no "get started" CTA. There is no "join the waitlist." There is a long, slow, beautiful walk down a vertical chronological hall, and the visitor leaves having read something. The mood is **art-deco-after-midnight** — not the flapper-poster Deco of cabaret advertisements, but the *quieter Deco of the Chrysler Building's elevator lobby at 3 a.m.*: brushed-bronze radial fans, milk-glass uplighters, a black terrazzo floor with embedded brass medallions, chevroned grilles in mahogany, and stepped ziggurat pediments framing each chapter title. Into this Deco vessel we pour **aurora**: a cold, slow, breathing ribbon of greens-cyans-magentas that drifts behind the entire timeline as if a polar light were leaking through the building's coffered skylight. The pairing is the entire idea: *warm bronze geometry meets cold luminous physics* — physical money meets digital money, the gold standard meets the photonic standard, settled debt meets settled photons. The tone is **warm-inviting** not in the Instagram-cafe sense but in the **librarian-at-the-reference-desk sense**: someone has set out a green-shaded banker's lamp for you, poured you a cup of something hot, and is going to walk you through the Bretton Woods minutes whether or not you came in knowing what M2 is. Curiosity is presumed, not flattered. The reader is treated as **a serious adult who has chosen to spend forty minutes learning something demanding** — and the page rewards that choice with ornament. Inspirations, named explicitly so the implementer has anchors: **Cassandre's 1935 Normandie poster** (vertical thrust, stepped horizon, ribboned smoke); **the Chanin Building's lobby reliefs in Manhattan** (incised bronze geometry, sunburst medallions, electric-light motifs); **the Federal Reserve's 1933 Eccles Building murals** by Ezra Winter (allegorical figures of Commerce, Credit, Industry); **Hilma af Klint's *The Ten Largest*** (vertical color procession, esoteric diagrams, a sense that each panel is a *station*); and the **aurora photography of Kp-9 nights at Tromsø**, January, 23:00 local — that specific cold-lime-into-magenta gradient over a black mountain ridge. The site reads as if Cassandre, the Eccles muralist, and a quiet Norwegian aurora photographer collaborated on **a single illuminated scroll about money**. ## Layout Motifs and Structure The site is **one vertical timeline, top to bottom, no horizontal navigation, no sidebar, no sticky chrome of any kind**. The page is a **vertical timeline-vertical** through fourteen *Stations* (chapters), each Station occupying roughly one tall viewport-and-a-half so the reader scrolls *into* it, *through* it, and *out of* it before the next Station's Deco pediment rises into view. The frequency analysis shows `timeline-vertical` at 3% and `floating-elements` at 5% — both deliberately rare choices. The full vertical extent of the document is approximately 14,000 to 18,000 pixels on a 1440×900 desktop, designed to be **read**, not skimmed. **The Spine.** Down the dead center of the page runs **The Spine** — a 2px vertical brass rule (`#B08A4A`) that is not decoration but *the timeline's principal axis*. The Spine begins at the top of the first Station's pediment and ends at the bottom of the fourteenth Station's footer cartouche. Along The Spine, every Station mounts a **medallion node**: a 56px-diameter circular bronze emblem with a stepped concentric inset, an incised Roman year-numeral inside (e.g. *MMXX* for the e-CNY pilot, *MCMXLIV* for Bretton Woods), and a 4px-radius gemstone at the medallion's center filled with the Station's accent aurora-color. The medallions are **the only horizontally-symmetric anchors on the page**. Body content arranges itself in alternating asymmetric flow on either side of The Spine. **Alternating asymmetric flow.** Odd-numbered Stations (I, III, V, …) place their **prose body** to the *left* of The Spine in a 460px measure, and their **plate** (image, diagram, or specimen) to the right in a 360px frame. Even-numbered Stations (II, IV, VI, …) reverse this: prose right, plate left. The result reads as a **slow walk down a colonnaded hall** where the columns alternate which side carries the inscription and which side carries the relief. Mobile collapses everything to a single 92vw column with The Spine running down the *left edge* and medallions reduced to 36px markers — the colonnade flattens into a margin-rule, but the chronology is preserved. **Pediments.** Each Station opens with a **stepped Deco pediment** — a ziggurat-shaped SVG composition 1080×220px wide, centered on The Spine, rendered in `--bronze-deep` line strokes on a `--midnight-vellum` field. The pediment encloses the Station's roman numeral (110pt Cormorant Garamond, hairline), the Station's title in 28pt small-caps, and a **two-line dateline** (e.g. *3100 BCE — c. 1700 BCE / Sumerian temple-debt accounting*). Sunburst rays radiate from the pediment's apex outward at 7.5° intervals, each ray fading from `--bronze-deep` at the apex to `--aurora-cyan` at 240px length — the only place in the layout where bronze and aurora touch directly. **Marginalia.** A 220px-wide marginalia channel runs along the *outer* edge (the side opposite the prose body), 20px below the line where the plate sits. Marginalia carries: source citations in 11pt Cormorant Garamond italic; a single pull-quote per Station rendered as a 14pt small-caps inscription on a brass cartouche; and **the floating-element layer** (see Imagery). Marginalia never crosses The Spine. The visual logic is *inscription belongs to the wall, not the room*. **The Vault Footer.** Below Station XIV the page closes with a **Vault Footer** — a 600px-tall composition of a single Deco bank-vault door rendered in SVG, half-open, light leaking from inside in the full aurora gradient, with the colophon set in 12pt small-caps across the lintel: *"Set in Cormorant Garamond. Compiled MMXXVI. The doors of the Atrium close at the reader's discretion."* ## Typography and Palette **Typography (Google Fonts only — Garamond-classic led, with one Deco display face for chapter pediments).** - **Body, Marginalia, Pull-quotes — single typeface:** [`Cormorant Garamond`](https://fonts.google.com/specimen/Cormorant+Garamond), weights 300/400/500/600/700, both Roman and italic. Cormorant Garamond is Catharsis Fonts' twentieth-century Garamond revival; it carries the Claude Garamond skeleton (1530s) but with sharpened terminals and an open aperture that holds up in screen rendering down to 11pt. Used for body at 17px / 28px line-height, measure 460px (~62 characters per line — one notch tighter than the canonical 66 because the long form is dense). Marginalia at 11pt. Pull-quotes at 14pt small-caps with 0.18em tracking. Drop capitals at the start of every Station: 96pt, weight 700, Roman, ink-traps preserved, color `--bronze-deep`, sat into the first three lines of the prose body. - **Pediments and Display — Deco face:** [`Limelight`](https://fonts.google.com/specimen/Limelight) for Station titles at 28pt small-caps and for the wordmark *cbdc.study* at the very top of the page (96pt, single line, letter-spaced 0.06em). Limelight is a contemporary Deco display by Eben Sorkin in the lineage of 1930s neon-marquee lettering — its squared-off bowls, geometric crossbars, and high waist read unmistakably as Jazz Age without lapsing into pastiche. Used **only** for pediment titles and the wordmark; appearing nowhere in body. - **Dateline numerals and Roman-numeral medallion stamps:** [`Cormorant SC`](https://fonts.google.com/specimen/Cormorant+SC) (Small Caps cut), 14pt, tracked 0.12em, for ALL CAPS labels: dateline ranges, station numerals on medallions, the Vault Footer lintel inscription. Lining figures only — never oldstyle in numeric contexts where precision matters (dollar amounts, BIS document numbers, basis-point yields). - **Tabular data (rare — only the appendix table of CBDC pilots):** Cormorant Garamond at 14pt with `font-variant-numeric: tabular-nums lining-nums`. **No monospace anywhere on the site.** The frequency report shows mono at 96% — cbdc.study deliberately abstains. **Palette — Aurora-Gradient over Midnight Vellum.** The palette is structured as **two immiscible substances**: a warm bronze-and-vellum *foreground* (the Atrium's physical surfaces) and a cold aurora *atmosphere* (the leaking polar light). They never blend except along the pediment sunburst rays. Foreground (Atrium): - `--midnight-vellum: #1A1622` — the page ground. Not pure black. A near-black aubergine with the warmth of old library leather seen by candlelight. All body type sits on this. - `--bronze-deep: #B08A4A` — primary ornament line, The Spine, medallion bezels, drop capitals. A patinated brass, not a saturated gold. - `--bronze-bright: #E2BD7A` — secondary accent, used for hover states on inline links, the gemstone in each medallion, and the lintel inscription on the Vault. Reads as polished where deep bronze reads as patinated. - `--vellum-lamplight: #F2E4C4` — body text color. A warm cream, the color of a 1930s Tiffany banker's-lamp shade lit from within. Specifically chosen so it never glares against `--midnight-vellum`. Atmosphere (Aurora): - `--aurora-cyan: #6FFFD8` — the leading edge of the aurora ribbon. Used in the pediment ray-fades and in the gemstone of Stations I, IV, VII, X, XIII (the *commodity-money* phylum). - `--aurora-violet: #B98CFF` — the trailing edge. Gemstones of Stations II, V, VIII, XI, XIV (the *credit-money* phylum). - `--aurora-magenta: #FF7AC9` — the rare Kp-9 magenta band. Gemstones of Stations III, VI, IX, XII (the *fiat-money* phylum) and the Vault Footer's interior light leak. Six colors total, cleanly partitioned, every choice load-bearing. ## Imagery and Motifs **No photography of people.** No founder portraits. No stock-image bankers shaking hands. No central-bank-press-conference photos. Imagery is built from four families, all original: 1. **Specimen Plates (one per Station, fourteen total).** Each Station carries one plate, sized 360×440px, framed in a 4px `--bronze-deep` chevroned border. The plate is a **duotoned archival reproduction** — the original artifact rendered in shadows of `--midnight-vellum` and highlights of `--vellum-lamplight`, as if photographed under the Atrium's banker's lamp. The fourteen specimens form the timeline's spine in object form: - I. *Tablet of Drehem,* a Sumerian cuneiform livestock-debt receipt, c. 2050 BCE, baked clay, the wedge-strokes legible. - II. *Lydian electrum trite,* c. 600 BCE, the lion-head punch staring left. - III. *Roman aureus of Augustus,* obverse, the laurel-crowned head in three-quarter profile. - IV. *Tang dynasty feiqian (flying-money) draft,* c. 800 CE, paper, vermilion seal still legible. - V. *Florentine fiorino d'oro,* 1252, John the Baptist on the obverse. - VI. *Bank of Amsterdam wisselbank ledger entry,* 1609, copperplate handwriting, the Italian-style double-entry visible. - VII. *Bank of England £1 note,* 1797 ("Restriction Period" issue), Britannia vignette in fine line-engraving. - VIII. *US gold certificate,* Series 1882, $20, eagle vignette. - IX. *Bretton Woods conference photograph reduced to three abstract bars* (Mount Washington Hotel rooflines), 1944. - X. *The 1971 Nixon-Shock Camp David memorandum first page,* manual typewriter, redacted. - XI. *A 1995 Mondex card,* the chip and the swallow logo. - XII. *Genesis block hex dump,* 2009-01-03, eight lines, the timestamp legible. - XIII. *The 2019 Libra/Diem white paper cover sheet.* - XIV. *An e-CNY pilot wallet QR code, 2022, blurred to chevroned obscurity.* 2. **Floating Chronostones (motifs).** This is the site's **floating-elements** layer (5% in the corpus — deliberately rare). Drifting in the marginalia channel, never in the body, are 16–28px **Deco gemstones** — stepped octagonal SVG cabochons, faceted with 8 internal triangles, filled with one of the three aurora-band colors at 30% alpha and outlined in 1px `--bronze-deep`. There are exactly forty-two Chronostones across the entire page, three per Station, each one drifting at 4–9px/second on a slow vertical sine-wave path bounded by its Station's vertical extent. Each Chronostone is a **silent index**: hovering over one reveals (in 11pt small-caps) a single date-and-event tooltip — *"1971-08-15 — gold window closed,"* *"2014-10-29 — Riksbank announces e-krona feasibility study,"* *"2020-04-17 — DCEP Suzhou pilot."* They are *not* clickable. They are atmospheric historical pollen. 3. **Deco Sunbursts and Chevron Ornaments.** Original SVG Deco furniture. The pediment sunburst (described above), a 24-ray rosette used as a section-break ornament between every paragraph cluster of more than three paragraphs (rendered 32×32px, `--bronze-deep` 1.5px strokes), and a **chevron grille pattern** used as the background fill inside the Vault Footer's open vault door — `--bronze-deep` chevrons on `--midnight-vellum`, 8px pitch, with the aurora gradient leaking through a 60%-opacity multiply layer. 4. **The Aurora Ribbon (background).** A single full-page-tall background canvas element, `position: fixed; inset: 0; z-index: -1`, rendering an **animated aurora field**: a procedural noise-modulated radial gradient cycling slowly through `--aurora-cyan → --aurora-violet → --aurora-magenta → --aurora-cyan` over a 90-second loop, vertically banded so the cyan stays in the top third and the magenta in the bottom third (matching the Kp-9 reference photograph). The aurora field is overlaid by a 12% `--midnight-vellum` veil so the prose body never struggles for contrast — the aurora is *atmosphere*, not subject. The frequency report shows `aurora-gradient` at 1%; the *aurora-lights* motif at 1% — cbdc.study makes both load-bearing. **Strictly avoided.** No photography of bankers, no stock-image keyboards, no Bitcoin "B" logos, no flat-vector illustrations of coins-flying-into-a-piggy-bank, no isometric blockchain diagrams, no cartoon mascots, no neon-cyberpunk Tokyo backdrops, no AI-generated faces, no flat-pastel hero illustrations of "the future of money." The corpus shows photography at 94% — cbdc.study uses it, but only in the form of duotoned archival reproductions of *artifacts*, never of *people*. ## Prompts for Implementation Build cbdc.study as **a single vertical illuminated scroll** about the 4,200-year history of money culminating in CBDC, structured as fourteen Stations along The Spine, scrolled top-to-bottom, no horizontal navigation, no sticky chrome, no modal overlays, no cookie banners, no "join newsletter" interruption. The reader's first impression is that they have walked into a quiet bronze-and-aurora atrium and the room expects them to read. **The fourteen Stations (the entire content arc):** I. **Cuneiform — Uruk to Drehem (c. 3100 BCE – c. 1700 BCE).** Money begins as *recorded debt*, not as a coin. Open with the Tablet of Drehem; argue that CBDC's "account-based" model is the same gesture, six millennia later: the state's ledger of who owes whom, made authoritative. II. **Coinage and the State (Lydia, 600 BCE – Rome, 200 CE).** The Lydian electrum trite. Money becomes a *physical token of state authority*. Pull-quote: *"To take seignorage is to inscribe the king's face on the edge of a debt."* III. **Paper Begins (Tang feiqian, c. 800 CE – Song jiaozi, 1024 CE).** The first state-issued paper currency, in Sichuan, predating European banknotes by seven centuries. The roman-magenta phylum begins here. IV. **The Florentine Florin and the Bill of Exchange (1252 – 1397).** Bardi, Peruzzi, Medici. The bill of exchange as the first **transferable credit instrument**. Plate: the *fiorino d'oro*. V. **Wisselbank Amsterdam (1609 – 1820).** The first central bank in something close to the modern sense. Double-entry bookkeeping as a technology of trust. Plate: the 1609 ledger. VI. **The Bank of England and the Restriction Period (1694 – 1821).** The pound becomes a *promise*, then briefly a *forced promise*, then a redeemable promise again. The £1 note plate. VII. **The Gold Standard, Classical (1870 – 1914).** International settlement in specie. Pull-quote from Keynes: *"a barbarous relic."* VIII. **Bretton Woods (1944 – 1971).** The dollar as the world's reserve currency, anchored to gold at $35/oz. The Mount Washington Hotel rooflines plate. IX. **The Nixon Shock and the Birth of Pure Fiat (15 August 1971).** The Camp David memorandum. The aurora-magenta gemstone burns brightest at this Station. Argue that *every monetary instrument since this Sunday evening has been an experiment in trust without specie backing* — and CBDC is the most recent experiment. X. **Card Networks and the First Digital Money (1958 BankAmericard – 2000s Mondex).** The Mondex chip-card plate. Money becomes *an electrical signal at point-of-sale* — but still privately settled. XI. **Bitcoin Genesis (3 January 2009).** The hex-dump plate. The *cryptographic* answer to the trust problem — but not, by design, a state instrument. XII. **The Diem/Libra Shock (June 2019).** The plate of the white-paper cover. The moment central banks across the BIS membership realized that **a private consortium might issue the next world reserve currency** — and decided to issue their own. XIII. **The Pilot Era (2020 – 2024).** e-CNY in Suzhou and Shenzhen, e-Naira, the Sand Dollar in the Bahamas, Project mBridge, Project Mariana, the digital euro consultation, FedNow (related but not CBDC), Riksbank's e-krona phases. The QR-blurred plate. XIV. **The Open Question (2025 – ).** Three unresolved tensions, plainly stated: (1) **privacy** — can a CBDC respect anonymity at the cash-equivalent level, or does account-based design end financial anonymity forever? (2) **disintermediation** — what happens to commercial banks if households can hold central-bank money directly? (3) **cross-border** — does CBDC fragment or unify global settlement? The Station ends without a conclusion. The Vault Footer follows. **Animation.** All animation is *atmospheric, never demanding*. No scroll-jacking, no scroll-snapping, no parallax acceleration. Three motion behaviors only: 1. **Aurora Ribbon** loops slowly in the background (90-second cycle, described above), regardless of scroll. 2. **Chronostones** drift on independent vertical sine-waves at 4–9px/sec, each constrained to its Station's vertical extent. 3. **Cursor-follow Lamplight.** A 360px-radius soft radial highlight in `--vellum-lamplight` at 8% alpha, blend-mode `screen`, follows the cursor with a 240ms ease-out trail. It does not "spotlight" content — it is the imagined reflection of the Atrium's banker's lamp moving on the page as the reader leans in. On touch devices, the lamplight halts at the center of the viewport and breathes at 0.5Hz instead. The frequency report shows `cursor-follow` at 17% — used here for *atmosphere*, not interaction-feedback. Pediments fade in over 600ms as their top edge crosses 80% of the viewport (single fade, no repeat — a Station, once entered, stays lit). Drop capitals draw their bronze stroke over 900ms on first reveal. Inline links underline-draw on hover (200ms ease) in `--bronze-bright` and *do not change text color* — the underline is the entire affordance. No buttons. No "share" widgets. No floating chat bubble. No dark-mode toggle (the site is already in its register; offering a "light mode" would be an architectural lie). **Anti-patterns to avoid (deliberate).** No CTA-heavy layout. No pricing block (this is study, not commerce). No stat-grid ("$2.4 trillion in CBDC pilots!"). No three-column "features" section. No hero image with overlaid headline. No newsletter sign-up. No social-proof logo strip. No "as seen in" press strip. No FAQ accordion. No metric-tile dashboard. No video autoplay. No carousel. ## Uniqueness Notes Differentiators from the existing 56-design corpus, anchored to the frequency report: 1. **Art-deco at 5% becomes the load-bearing aesthetic — and it's the *quiet* deco, not the cabaret deco.** The corpus has a handful of art-deco-display flickers (5%), but no design has committed to **Atrium Deco** — the bronze-and-vellum nocturnal interior of a 1928 institutional reading room — as its full visual world. cbdc.study treats every structural element (The Spine, the medallions, the pediments, the Vault Footer) as *cast bronze*, not as *graphic flourish*. Deco is the architecture, not the wallpaper. 2. **Aurora-gradient at 1% — the rarest palette in the corpus — is treated as physics, not as a Y2K mood.** The existing aurora-gradient instance reads as cosmetic gradient. cbdc.study deploys aurora **as the aurora**: a Kp-9-night ribbon over Tromsø, banded cyan-violet-magenta vertically, leaking through a coffered skylight onto a black terrazzo floor. The three aurora bands are **a working taxonomy of money** — cyan for commodity money, violet for credit money, magenta for fiat. Color does ontological work. 3. **Timeline-vertical at 3% is taken at full structural weight as the only navigation.** Not a "timeline section" inside an otherwise-conventional landing page — *the page is the timeline*. Fourteen Stations, one Spine, no horizontal nav, no menu. The frequency report shows immersive-scroll at 3% and timeline-vertical at 3%; cbdc.study fuses them into a single 14,000–18,000px illuminated scroll. 4. **No mono typography on a CBDC/digital-money site.** The corpus shows mono at 96% — fintech and crypto sites in particular default to JetBrains/Fira/Space Mono as semantic shorthand for "we know computers." cbdc.study refuses the cliché completely. The site is set entirely in Cormorant Garamond, with one Deco display face (Limelight) for pediments. The argument: *digital currency belongs to the same 4,200-year typographic conversation as cuneiform, copperplate, and the gold certificate*. Setting it in mono would be historically tone-deaf. 5. **Floating-elements at 5% used as historical-pollen, not as decoration.** The forty-two Chronostones drifting in the marginalia are not playful particles — they are **hover-revealed dated events** that index the timeline at finer resolution than the fourteen Stations can carry. The motif does information work; it is not eye candy. The corpus's existing floating-elements designs use them as ambient sparkle. cbdc.study makes them an annotation layer. 6. **Warm-inviting at 3% reframed as librarian-warmth, not Instagram-warmth.** The existing warm-inviting designs lean toward soft pastel coffee-shop register. cbdc.study's warmth is the green-shaded banker's-lamp warmth of a serious reading room at 11 p.m. — *warm because the lamp is on*, not warm because the colors are pink. The pairing of `--vellum-lamplight` body text on `--midnight-vellum` ground delivers warmth as **light cast on a cold surface**, which is exactly the aurora metaphor at the macro level. 7. **Cursor-follow at 17% is repurposed from interaction-feedback to atmospheric-ambient.** Most cursor-follow implementations in the corpus use the cursor as a magnetic interaction primitive (button magnetism, hover-lift, etc.). cbdc.study uses it as **the moving banker's lamp** — a soft, screen-blend-mode lamplight that follows the reader without responding to any specific element. There is nothing to *click* under the cursor most of the time. The cursor is *the reader's gaze*, and the page lights up faintly where the gaze rests. This is closer to gallery lighting than to web UI. 8. **Avoidance discipline.** The frequency report shows photography at 94%, parallax at 92%, gradient palette at 92%, and warm at 98% — cbdc.study uses warm and uses one fixed aurora gradient, but **abstains entirely from photography of people, abstains from parallax scroll-coupling, abstains from CTA-driven layout, abstains from stat-grid maximalism, and abstains from mono typography**. The site is what's *left* when those reflexes are removed: a long, quiet, illuminated chronological essay about money, set in Garamond, lit by aurora. **Chosen seed:** *aesthetic: art-deco, layout: timeline-vertical, typography: garamond-classic, palette: aurora-gradient, patterns: cursor-follow, imagery: neon-glow, motifs: floating-elements, tone: warm-inviting* — committed to and load-bearing in the page. Neon-glow is reframed as **aurora-glow** (a colder, slower, scientifically-grounded variant of neon's electric register), so that "neon" becomes the polar physics of a Kp-9 night rather than the signage of a Shibuya alley — a register more appropriate to a study of money's deepest physics.