A shared design for a good cup.
The components and themes behind Roastbook. Try the controls, switch palettes and explore a coffee journal built from the same pieces.
Foundations
Hanken Grotesk for reading, Bricolage Grotesque for headings. Warm paper, coffee ink and solid cards follow the journal's design.
Page
Card
Primary
Coffee
Secondary
Border
Components
These are the shared React components, rendered by Astro. Use Tab to inspect focus, and arrow keys to move between tabs.