MOCKUP v2 —
Design System Tab
— matches current admin pattern (Site Setting > Chat Setting > Welcome Tour > Onboarding >
Design System
)
← Back
Edit Site Setting
Site Setting
Chat Setting
Welcome Tour
Onboarding Setting
Design System
📂
Drop design system HTML to auto-fill
Accepts .html files from design-system-extractor. Or edit fields manually below.
align360-design-system.html (uploaded)
Core Colors
10 variables
Primary
#2e3c45
Background
#edefe8
Accent
#7aa49c
Warm
#e09b67
Error / Alert
#e45742
Surface
#354956
Border
#4a6575
Muted
#6a8595
Text Secondary
#b0c4cf
Text Primary
#edefe8
Default Theme
Light
Dark
System
Phase Colors
5 phases
DesignSuite
#7aa49c
Career Navigator
#e09b67
Integrate360
#6b9fd4
627 Figures
#d4a76b
LegacyLab
#e45742
Typography
2 fonts
Display & Body Font
Quicksand (300-700)
Quicksand
Inter
DM Sans
Outfit
Custom...
const code = "mono";
JetBrains Mono (400, 500)
JetBrains Mono
Fira Code
Source Code Pro
Saved Designs
2 in library
Align360 v1.0.0
Apr 7, 2026 · claude-code · Active
Load
B3 Life v1.0.0
Apr 8, 2026 · will · Unassigned
Load
Cancel
Update Site Setting