Design System Rules
Governance rules the AI uses to check design consistency
RS
| Rule | Category | Description | Severity if violated | Status | Updated | Owner |
|---|---|---|---|---|---|---|
| Primary button uses indigo-700 | Buttons | All primary CTAs must use #1E3A8A with white text. | High | active | 2025-04-12 | Design System Team |
| Body text contrast ≥ 4.5:1 | Typography | Body text must meet WCAG AA contrast against background. | Critical | active | 2025-04-10 | Accessibility Guild |
| Card radius is 12px | Cards | All cards use --radius-lg (12px) for consistency. | Low | active | 2025-03-28 | Design System Team |
| Inputs use 40px minimum height | Forms | Inputs must be 40px tall for comfortable touch targets. | Medium | active | 2025-03-22 | Design System Team |
| Icons sized at 16/20/24 | Icons | Use one of the three approved icon sizes only. | Low | active | 2025-03-15 | Design System Team |
| Spacing follows 8pt grid | Spacing | All spacing values must be multiples of 4 (preferably 8). | Medium | active | 2025-03-10 | Design System Team |
| Tables use zebra striping for >10 rows | Tables | Tables with more than 10 rows must alternate row backgrounds. | Low | active | 2025-03-04 | Design System Team |
| Modals max-width 560px | Modals | Modal dialogs must not exceed 560px width. | Medium | active | 2025-02-26 | Design System Team |