What problem does it solve? Building pages, reports, boards, or HTML artefacts for max's own projects requires a consistent visual identity, and re-deriving the palette, type scale, and component habits from scratch each time produces drift and inconsistency. ## Core Features & Use Cases - Design tokens: Eleven colour tokens in tokens.css as light-dark() pairs (parchment over brown ink by day, charcoal and sand by night, one moss accent), switchable via data-theme or a ?theme= URL parameter. - Type roles: Semantic classes (v-title, v-h2, v-lead, v-meta, v-num) using Newsreader serif for text and IBM Plex Mono for data, so pages ask for a role rather than a size. - Component guidance: PARTS.md specifies how buttons, inputs, tables, notes, overlays, charts, and diagrams wear the tokens, plus a Tailwind v4 @theme inline mapping. - Use Case: When asked to build a status board or report page that looks like mwolf.dev, copy tokens.css and the font link from demo.html, apply the role classes, and verify both colour schemes before presenting. ## Quick Start Use the house-style skill to build an HTML status board for my project that matches the mwolf.dev look.
