Brand Color Palette

The foundational colors that define Isdomain's identity. Use these values consistently across all digital and print touchpoints.

Core Identity & Neutrals

Usage & Accessibility Guidelines

🎯 Primary Usage

Use Primary and Secondary for backgrounds, headers, and heavy structural elements. Reserve Accent for CTAs, highlights, and interactive states. Gold should be used sparingly for premium badges, awards, or key data points.

⚖️ Contrast & Accessibility

Foreground / BackgroundRatioWCAG
White / Primary14.2:1AAA
White / Accent4.5:1AA
White / Gold2.1:1Low
Primary / White14.2:1AAA

🔧 System Integration

Always use CSS variables (--brand-*) instead of hardcoded hex values. The neutral scale drives borders, dividers, and muted text. Functional colors (Success, Warning, Error, Info) are reserved for form states, alerts, and status indicators only.

Copied to clipboard!