Canvas/silence: ~55%
Body text: ~20%
Headings: ~10%
Interactive elements: ~8%
Brand accent: ~5%
Icons/decorative: ~2%

COLOR NAME — [hex/approximate value]
Role: [what it does in the UI, not what it is]
Visual weight: [% of UI surface it occupies]
Emotional function: [what it communicates]
Usage rule: [when to use it, and critically — when NOT to use it]
Contrast partners: [what it lives against]

❌ Does NOT [specific thing] — because [reason tied to the soul of this design]

✓ Saved to .marrow.md
  The marrow-apply skill will now inject this soul automatically
  on every frontend task. No need to reference it manually.

undefined

---