#

## 🎨 Palette & Fonts

Colors & Typography System

Systematic Orchestration, Perfectly Arranged

## 🎨 Color Palette - SYNTAXIS System

## 📝 Typography System

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">`

### 📝 Use cases

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