## Color Palette & Typography

### 🎨 Color Palette - SYNTAXIS System

Primary colors and their usage in the brand system

SYNTAXIS Blue
#2C5F8E
RGB: 44, 95, 142
CMYK: 69%, 33%, 0%, 44%
Primary color for UI elements and headers
Balanced Gray
#757773
RGB: 117, 119, 115
CMYK: 38%, 25%, 29%, 26%
Secondary color for text and accents
Arrangement Gold
#D97706
RGB: 217, 119, 6
CMYK: 0%, 45%, 97%, 15%
Accent color for highlights and emphasis
System Green
#059669
RGB: 5, 150, 105
CMYK: 97%, 0%, 30%, 41%
Success state and positive feedback
Order Purple
#7C3AED
RGB: 124, 58, 237
CMYK: 48%, 76%, 0%, 7%
AI features and special elements

### 📝 Typography System

Font families and complete font stacks for web implementation

Headlines
Perfect for bold, modern headlines and titles
Font Stack:
'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif
Weights: 400, 500, 600, 700
Body Text
Excellent readability for body copy
Font Stack:
'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif
Weights: 400, 500, 600
Code / Meta
const palette = {...}
Font Stack:
'JetBrains Mono', 'Fira Code', monospace
Weights: 400, 500
Google Fonts Link:
`<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Sans+Pro:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">`