Build Assets
Checklist
Color System Audit
Verify no hardcoded hex values exist outside the token file.
Platform: bothTags: color, tokens, audit, consistency, design-system
Check
Search the codebase for hardcoded hex values (#[0-9a-fA-F]{3,6}) outside the token definition file. Zero should exist in component files. All colors must reference CSS custom properties (var(--color-*)). All color pairs used for text meet WCAG AA.
Why This Matters
Hardcoded colors are Bezold Effect time bombs — when the brand changes, each one must be found and changed manually, with high risk of missing instances. Token-only colors mean a rebrand is a single-file change.
Category
Design Quality
Priority
important
How to Verify
Run: grep -r "#[0-9a-fA-F]\{6\}" src/ --include="*.tsx" --include="*.css". The only results should be in the token definition file. Fix every other hit.