/* global React, IMG, SYNONYM_CYCLE, SAMPLE_WORD, SAMPLE_DRAFT, SAMPLE_REWRITE, CRAFT_MOVE, useCycler, useTyper, RippedEdge, Img */ // ───────────────────────────────────────────────────────────────────────────── // Direction C — "The Bound Volume" // B's cinematic layout (full-bleed library hero, oversized bleeding wordmark, // vertical alternating six-step flow, gilded ceiling for the quote) // + A's editorial content (commonplace-book voice, specimen card, marginalia, // handwritten notes, ribbon meta, ripped paper sections). // Replaces the library image with a grander, older one and uses the new // improved RippedEdge. // ───────────────────────────────────────────────────────────────────────────── const C = { ink: "#0E0710", plum: "#1F0A22", aubergine: "#2E0820", emerald: "#0B2A28", bronze: "#A8843D", // antique gold/bronze — wordmark bronzeHi: "#D4B068", // highlight ember: "#D8642E", gold: "#C99A4A", parchment: "#EFE3C9", // slightly warmer for ripped pages paperLite: "#F5EAD2", muted: "#9A8870", inkOnPaper:"#1A0810", thread: "rgba(242,231,208,0.14)", }; const cStyles = { page: { width: 1440, background: C.ink, color: C.parchment, fontFamily: "'EB Garamond', Georgia, serif", position: "relative", overflow: "hidden", }, script: { fontFamily: "'Italianno', 'Pinyon Script', cursive", fontWeight: 400, }, display: { fontFamily: "'Bodoni Moda', 'Cormorant Garamond', Georgia, serif", fontWeight: 400, letterSpacing: "-0.015em", lineHeight: 0.88, }, hand: { fontFamily: "'Caveat', cursive", }, mono: { fontFamily: "'JetBrains Mono', ui-monospace, monospace", letterSpacing: "0.04em", }, }; // ── NAV ───────────────────────────────────────────────────────────────────── function CNav() { return ( ); } // ── HERO ──────────────────────────────────────────────────────────────────── function CHero() { const [cur, idx] = useCycler(SYNONYM_CYCLE, 2800); return (
{/* Massive wordmark — bleeds left edge */}
Lexicon
{/* Cycler — bottom left */}
See also — {cur.word} {cur.gloss}
{/* Tagline + CTA — bottom right, in commonplace-book voice */}

A vocabulary practice for writers who would rather deploy a word than recognise it.

Begin the practice →
{/* corner meta */}
Vol. I · No. 01 · MMXXVI
· · ·
); } // ── MANIFESTO — A's editor's-note + drop-cap + sidebar specimen card ──────── function CManifesto() { return (
{/* drop-cap column with handwritten note */}
§ Editor's note
"knowing a word and
using a word are two
different appetites."
— margin, in pencil

Most tools test if you recognise a word. Lexicon tests if you can wield one.

The practice is built around active retrieval. You name synonyms before they are shown to you. You choose which to work with. You write the sentence. Then the machine speaks — not to praise you, but to show you a more precise version of the line you almost made.

Claude rewrites your draft and names the craft move it used: a compression, a voice shift, a rhythm change. You decide whether to take it. The feedback is honest. The session is short. The intervals are merciless.

{/* specimen card — slightly tilted, taped */}
); } // ── SAMPLE — A's specimen card + B's bordered rewrite block ───────────────── function CSample() { const drafts = [ SAMPLE_DRAFT, "She walked into the room with the quiet kind of bright that old houses have at night.", "The light from the lamp was small but it filled the room.", ]; const rewrites = [ SAMPLE_REWRITE, "She entered with a lambent quiet — the kind old houses keep after dark.", "A lambent pool from the lamp sufficed.", ]; const draftStr = useTyper(drafts, { typeMs: 24, holdMs: 2600, eraseMs: 12 }); const rewriteStr = useTyper(rewrites, { typeMs: 30, holdMs: 2600, eraseMs: 14 }); return (
{/* dictionary specimen — A's card */}
Specimen № 47 — Word of the day

{SAMPLE_WORD.word}

{SAMPLE_WORD.pos}
/ˈlæm.bənt/

{SAMPLE_WORD.definition}

Synonyms recalled · 2 of 5
{SAMPLE_WORD.synonyms.map((s, i) => ( {s}{i < 2 && " ✓"} ))}
{/* handwritten note next to the card */}
"from L. lambere — to lick"
{/* rewrite */}
Stage 05 — The rewrite

You write the draft.
The machine names the move.

Your draft
{draftStr}▍
↓ Claude · craft move {CRAFT_MOVE.name}
{rewriteStr}▍
Note — {CRAFT_MOVE.note}
); } // ── STAIRS INTERLUDE — spiral stairs photo + intro to the method ──────────── function CStairsInterlude() { return (
{/* spiral stairs photo — full-bleed left column */}
{/* handwritten caption tucked at the bottom of the photo */}
"the stack goes up. the work, downward — into the word."
Plate ii · Trinity Long Room, spiral
{/* text — right column on dark plum */}
§ An interlude

A vocabulary is not a shelf.
It is a staircase.

You don't acquire words the way you acquire books — by lining them up and admiring the spines. You acquire them the way you climb: one tread at a time, with the next one always slightly out of reach, and the view a little different from each landing.

What follows is the staircase — six treads, no skipping. The next session always starts where the last one stopped.

{/* small ornamental rule */}
» Continue downward
); } // ── SIX STEPS — B's vertical alternating layout ───────────────────────────── function CFlow() { const steps = [ { n: "I", name: "Review", sub: "Spaced repetition surface", body: "If a word is due, it surfaces here. Intervals run 1, 3, 7, 14, 30 days. You rate your recall; the calendar adjusts.", img: IMG.oldBooks }, { n: "II", name: "Choose", sub: "Three doors, one practice", body: "Work from your list, drop in a word you encountered in the wild, or take a plain word and elevate it.", img: IMG.bookSpines }, { n: "III", name: "Recall", sub: "Active retrieval first", body: "Before anything is shown, you try to name synonyms from memory. The retrieval is where the learning lives — not the review that follows.", img: IMG.manuscript }, { n: "IV", name: "Reveal", sub: "Synonyms + register", body: "Claude surfaces synonyms with definitions. You pick one or two — the choice forces a judgement about meaning and tone.", img: IMG.bustProfile }, { n: "V", name: "Refine", sub: "Draft → craft move", body: "You write the sentence. The machine rewrites it with a named craft move and explains what it did and why.", img: IMG.quillInk }, { n: "VI", name: "Synthesis", sub: "Bring the session together", body: "A final line gathers the session's words. The verdict is honest — what landed, what softened, where the word earned its keep.", img: IMG.libraryAisle }, ]; return (
§ The Method · in six movements

One session.
No skipping.

~ takes about
eight minutes ~
{steps.map((s, i) => (
{i % 2 === 0 ? ( <>
{s.n}.

{s.name}

{s.sub}

{s.body}

{s.name}
{s.n}
) : ( <>
{s.n}
{s.name}

{s.name}

{s.n}.
{s.sub}

{s.body}

)}
))}
); } // ── PULL QUOTE — B's gilded ceiling ───────────────────────────────────────── function CQuote() { return (

"The difference between the almost right word and the right word is really a large matter — 'tis the difference between the lightning-bug and the lightning."

— Mark Twain · in a letter, 1888
); } // ── FOOTER ────────────────────────────────────────────────────────────────── function CFooter() { return ( ); } function DirectionC() { return (
); } window.DirectionC = DirectionC;