Max-width wrappers, grids, and structural primitives for organizing page content.
Lora serif headings, DM Sans body text, and Source Code Pro for code. The aesthetic's most distinctive feature.
Forest green primary buttons, secondary and ghost variants, dropdowns with warm hover states.
Warm chalk inputs with forest-green focus rings, checkboxes, toggles, and composed form layouts.
Cards with warm shadows, reading-list tables, serif stat numerals, badges, and avatars.
Warm-surface navbar, sidebar, breadcrumbs, tabs with forest-green active underline, pagination.
Modal, drawer, tooltip, popover, and toast — all with warm chalk surfaces and vanilla JS.
Editorial hero with serif headline, feature grid, testimonials with Lora italic quotes, pricing, FAQ.
Heading Font
Lora Serif
Warm, editorial, book-quality
Accent Color
Deep forest green
Dark Mode
Warm charcoal-brown