Design System
Style Guide
The single source of truth for Nexora's visual language — all driven by CSS variables.
Color Palette
All colors are CSS variables in variables.css. Use the Theme Customizer (right panel) to recolor everything live.
Typography
Display Heading
Section Title
Card Title
Body text — Inter for readability, optimized for screens.
Caption / micro text
Sora + Inter + Tajawal (Arabic)
Spacing & Radius
sp-2
sp-4
sp-6
sp-8
sm
md
lg
full
Shadows
Buttons & Badges
PrimarySuccessAccent