| name | single-accent-system |
| description | Use when defining brand accent. ONE accent color, used sparingly (1-5% of surface). Multiple accents = retail; single accent = luxury.
|
Single Accent System
One accent per product. Brand families use accent variations within a product but never mix accents on a single surface.
Per-product accent allocation
X3 ecosystem accents:
- CardPrepAI: warm orange (#e85d2c)
- X3FS: deep blue (#0c2a47)
- FDG: blue-green (#0c8a7c)
- REG: deep red (#8a0c2e)
- X3IG: forest green (#1a4d2e)
- OTHB: amber (#d4a01a)
Each product gets ONE accent. The cream + ink palette anchors all of them — the accent is the differentiator.
Where accent appears
- Primary CTA background
- Hover states (subtle)
- Active nav indicator
- Important highlights (pull-quote, key data)
- Logo / wordmark
- Section dividers (optional)
Never appears in:
- Body text
- Borders (use ink-15 instead)
- Backgrounds (cream variants instead)
- Decoration (no role)
Accent shade variations
From the base accent, derive:
- 100% — base (CTAs)
- 80% — hover state
- 60% — secondary actions
- 40% — disabled states
- 20% — focus rings, subtle highlights
Don't add new accents — just shade the one.
Where this fits in the X3 empire
Color discipline for every X3 product.