Shipped
DwarvenStack Design System
The token system, web components, and six context profiles that this very site runs on.
- Web Components
- CSS Tokens
- TypeScript
You’re looking at it. Every color, every spacing step, every component on this site comes from the DwarvenStack Design System — the same package we publish for anyone to build on.
What’s inside
- Layered tokens — primitive values resolve into semantic roles, so retheming
the whole system is a single attribute swap (
[data-theme]). - Six context profiles — marketing, app, docs, dense data, print, and high-contrast, each a coherent set of role overrides.
- Vanilla Web Components — no framework lock-in. Drop them into Astro, plain HTML, or anything that speaks the platform.
- Dark/light, first-class — not an afterthought; both ship from day one.
Why it’s the proof
A design system is only as trustworthy as the things built on it. This website is that thing. If it reads as crafted, the system earns your trust before you read a single line of the docs.
Replace this body with the real README. The frontmatter
repodrives the live GitHub stats block at the top of the page.