🎨 Primary Brand Colors
Axialy Purple
AxiaBA Purple (Primary)
#6366f1
Main brand color across all properties, primary buttons, links, accents
Purple Hover
Purple Hover State
#5855eb
Button hover states, active elements
Purple Light
Purple Light
#a5b4fc
Backgrounds, subtle highlights, disabled states
🌙 Background & Neutral Colors
Deep Navy
Deep Navy (Primary Dark)
#1e293b
Headers, footers, dark sections, main backgrounds
Slate Medium
Slate Medium
#334155
Secondary backgrounds, sidebar elements
Slate Light
Slate Light
#475569
Borders, dividers, muted backgrounds
Cloud White
Cloud White
#f8fafc
Page backgrounds, content areas, cards
Pure White
Pure White
#ffffff
Content backgrounds, modal overlays, form fields
🌈 Signature Gradients
Primary Dark Gradient: #1e293b → #334155 → #475569
Purple Accent Gradient: #6366f1 → #8b5cf6
Hero Section Gradient: #1e293b → #6366f1
📝 Typography Colors
Primary Text
Primary Text
#0f172a
Headlines, body text, primary content
Secondary Text
Secondary Text
#475569
Subheadings, captions, secondary content
Muted Text
Muted Text
#64748b
Placeholders, disabled text, footnotes
✅ Status & Feedback Colors
Success Green
Success
#10b981
Success messages, completed states, positive feedback
Warning Orange
Warning
#f59e0b
Warning messages, pending states, attention items
Error Red
Error
#ef4444
Error messages, destructive actions, alerts
Info Blue
Info
#3b82f6
Info messages, tooltips, helpful hints
🔘 Button Examples
📋 Implementation Guidelines
axialy.ai (Marketing Site)
- ✅ Already using this palette correctly
- Keep the sophisticated gradient backgrounds
- Maintain purple accent for CTAs
- Perfect reference for other properties
ui.axialy.ai (Product Interface)
- 🔄 Replace bright blue (#007bff) with Axialy Purple (#6366f1)
- 🔄 Add dark gradient headers (#1e293b → #334155)
- 🔄 Use cloud white backgrounds (#f8fafc)
- 🔄 Implement proper text hierarchy
axiaba.com (Consulting Site)
- 🔄 Replace blue CTA with purple (#6366f1)
- 🔄 Consider darker header treatment
- ✅ Keep professional messaging
- 🔄 Harmonize with platform aesthetic
Brand Consistency Rules
- Always use #6366f1 for primary actions
- Dark gradients for headers/hero sections
- Maintain 4.5:1 contrast ratio minimum
- Use status colors consistently
♿ Accessibility Compliance
All color combinations meet WCAG 2.1 AA standards with minimum 4.5:1 contrast ratio for normal text and 3:1 for large text. The purple primary color (#6366f1) has been tested against all background colors to ensure readability.