How this site was built
One of five sites designed and built end-to-end by Claude (Fable 5) in a single autonomous session. This one argues that a solo advisor's site can be a library — the education-resources angle, done without an email wall.
The concept
The Library publishes the practice's actual methods as four field notes — the standardization principle, the guardrails for live shared data, the never-invent-a-value discipline, and the shelved arrivals board — plus an eighteen-term working glossary and a six-book shelf. The bet: for an advisor, teaching the method openly builds more trust than gating it, because the method isn't the scarce part. The judgment is.
The build, step by step
- Copy first, at full quality. The four notes were written before any layout existed, in the brand's voice rules — diagnosis-led, concrete nouns, one strong move per note, every fact traceable to the verified engagement record. The withdrawn-figures story appears here too, because it is the strongest page in the record.
- A reading-room aesthetic. Lavender and mauve washes over the brand neutrals, Ubuntu display with CSS drop caps, dotted rules, and a slow-rotating dandelion drawn procedurally in SVG. The palette stays inside the brand system: mauve is this site's one supporting secondary.
- Accordions with modern CSS. Each note opens with the
grid-template-rows: 0fr → 1frtechnique — smooth height animation with no JavaScript measurement. A reading-progress bar runs along the top of the viewport. - Print as a feature. Every note has a "print this note" button backed by a
@media printstylesheet that isolates just that note — because a note you can hand to a colleague is worth more than a bookmark. - Glossary as cards. Eighteen terms in a CSS-columns masonry, each tagged by domain. Definitions are kept short enough to disagree with, which is what makes a glossary useful.
- Three iteration passes. Desktop and mobile audits in a real browser after each round — typography rhythm, accordion behaviour, contrast, and a final check against the brand fundamentals and the verified record.
The design argument: an email wall in front of educational content converts a reader into a lead at the cost of converting the author into a marketer. A library that just gives the notes away reads as confidence — and the notes themselves carry the evidence a pitch never could.
Reproduce it
Write down the three or four disciplines you actually work by — with the engagement each one comes from and what it cost you when you learned it. Publish them ungated, printable, and short. If your methods can't survive being given away, they weren't the thing clients were paying for.