
Designing an accessible component library
A flexible content card with image, badge and optional date, used across the blog and listing pages.
A live tour of the Walle design system. Every element below is a real component from@walle/components: accessible, responsive, and driven by the same semantic tokens your site inherits. Browse the interactive catalog withjust astrobook during development.
Every color, space and radius is a CSS variable. Override the token layer to rebrand.
Skip links, focus rings, reduced-motion and 320px reflow are built in, not bolted on.
JSON-LD, sitemap, RSS and an llms.txt endpoint ship with the scaffold.
Scroll-snap track with overlay controls. Hover an image and use the expand button (or click it) to open it full screen.
1 / 1