UI & Design System

📌 Planned placeholder page: this page is reserved for "UI and design system: raw vs semantic design tokens, component specs & state matrices, icons, and light/dark theme mapping (frontend implementation links to Frontend Styling)". The content will be filled in progressively.

Planned Content

• [ ] Token layers: raw (palette) vs semantic tokens, semantic-first naming
• [ ] Component spec template: structure, full state set, do/don't rules (Button example)
• [ ] Icons: unified grid, stroke width, size ladder
• [ ] Dark mode: mapping table, contrast re-check, never pure black
• [ ] Handoff: theme mapping table → CSS variables (links to Frontend Styling)

Next Steps

• [ ] Complete this page item by item against the planning checklist in the Domain Overview
• [ ] Add runnable examples and pitfall records for each entry
• [ ] Change the status from "Planned" to "Collected" when done

For writing guidelines, please refer to the Writing Guide.