Design System Framework

A dedicated workspace for a product, design and front-end team's design rules. The design system holds DESIGN.md in nine sections, a Tokens table of about 100 neutral starter tokens (chart colours, breakpoints and icon sizes included) whose text, control and main chart colours pass contrast checks in light and dark, token naming rules, a component page template with a worked Button page, and an Assets folder. Brand covers positioning, logo usage, brand and interface with font licences, voice by situation, Chinese copy conventions and a word list. Experience guidelines cover interaction patterns, a WCAG 2.2 AA baseline, page patterns, a web quality baseline and AI feature interaction. Data and reports covers charts, dashboards and printable reports. AI collaboration holds the rules AI follows, prompt examples, an AI output checklist and benchmark tasks to rerun after the rules change. Pages and slides made in the workspace pick up the tokens automatically, coding tools read the same rules once Dokki is added to them, and the Design Reviewer scores reviews by type and sums up open reviews and due benchmark tasks every Monday.