DESIGN SYSTEM · v0.1.2

A warm sheet of paper for your code.

Warm paper, berry-red ink. A shared workshop for long reads, useful tools, and ideas exchanged in conversation. Let the components mind the details while you keep writing.

Browse components Get started

Principles

From a single button to a whole workbench

Adopt progressively—from plain CSS to stateful React islands—without rewriting your application around the design system.

Keep the familiar colors

Colors, spacing, radii, and shadows have semantic names; themes change without changing component structure.

Explore foundations →

Build around your project

Use the same foundational CSS with static Astro components or interactive React components.

See integration guides →

Choose a comfortable way in

The npm package fits build-time dependencies; versioned remote assets serve static pages without a bundler.

Explore distribution →

Made with these pieces

No separate set built for the showcase

Its containers, cards, buttons, clusters, and rhythm all come from @moesegfault/style. The foundational components you see here are the same ones you can bring into your project.

Step into the component workshop Choose a distribution channel