The real components.css — every example on this page is the actual shipped class, not a re-styled copy like on the Patterns page. Load tokens.css + components.css and use these classes directly.
First real pass at components.css. Tokens (colors, spacing, radius, shadow, motion, dark mode) are stable. Components are usable today but expect additions as more projects migrate onto them.
Try dark mode via your OS/browser setting — every token below repoints automatically, including the shadows (their opacity is raised in dark mode so they still read).
Special-structure classification varies by dome shape and federal state.
Before you start drawing, pick which sets belong in this grid.
StartWeek 1
Week 6
| Measure | Effort | Impact |
|---|---|---|
| Pull Planning | low | high |
| Takt Plan | medium | high |
Originated in witty as inline glossary markup ({{Begriff::Erklärung}}) for jargon in running prose. Hover or tab to the dotted term to reveal the explanation — keyboard-accessible via tabindex + :focus-visible, no JS beyond whatever generates the markup.
The plan front-loads RICEReach × Impact × Confidence ÷ Effort — a prioritization score. scoring before the roadmap review.