What problem does it solve?
It prevents inconsistent visual hierarchies by standardizing a Bold design system with high-contrast color, heavyweight typography, and clear interaction-ready rules.
Core Features & Use Cases
- Style foundations: Establishes a bold typography scale (Archivo Black + JetBrains Mono), a defined spacing rhythm (4/8/12/16/24/32), and a consistent tokenized color palette for primary and semantic states.
- Accessibility guardrails: Enforces WCAG 2.2 AA expectations such as keyboard-first interaction, visible focus states, and reduced-motion support.
- Implementation-ready guidance: Provides do/don’t rules, component-level expectations (states/variants/anatomy), anti-patterns, and a QA checklist suitable for design reviews and engineering implementation.
Quick Start
Use the Bold design system skill to generate implementation-ready accessibility and token rules for the UI components you are designing today.