15 October 2026 — Changelog

Warm off-white pages inside a thin sunflower-yellow frame. Alegreya for headings, Alegreya Sans for reading, IBM Plex Mono for labels. The header floats until you scroll, then snaps flat against the top of the window. The home page leads with a curated set of case studies and recommendations; list pages nudge each row sideways on hover. Every page ends on a footer with a pale blue shader wash, pixel sunflowers and two buzzing bees.

The walkthrough.

One pass through the site, recorded in a desktop browser and on a phone-sized screen. Pick a chapter to jump to that page.

0:00

2:44

Every page.

Full-length snapshots of all 42 pages at both sizes. Open one to scroll it top to bottom.

Pages4

Work9

Words26

Teaching3

Palette and type.

Read from the live stylesheet when this was recorded.

--backgroundhsl(38 50% 97%)
--card--popover--primary-foreground--destructive-foregroundhsl(0 0% 100%)
--section-althsl(29 35% 94%)
--foreground--card-foreground--popover-foregroundhsl(20 27% 9%)
--muted-foregroundhsl(22 18% 41%)
--primary--secondary-foreground--accent-foreground--ringhsl(28 42% 23%)
--secondary--accenthsl(45 100% 53%)
--mutedhsl(33 30% 91%)
--destructivehsl(0 72% 51%)
--border--inputhsl(27 27% 84%)
--text-primaryhsl(220 6% 43%)
--text-secondaryhsl(0 0% 42%)
--text-tertiaryhsl(222 9% 63%)
--border-weakhsl(220 13% 91%)

Display · AlegreyaThe curation.
Body · Alegreya SansSenior Product Designer who codes.
Mono · IBM Plex MonoVIDEO / 0:42
Corner radius.5rem

Source.

Recorded: 15 October 2026
Commit: 9624db7 feat: add image lightbox to case studies(12 Oct 2026, with uncommitted changes)
Restore: git checkout 9624db7