01
Foundations · GG·01
Color — two sites, one system
AllGameGuides is the open library: cool utilitarian blue. BestGameGuides is the premium shelf: royal purple cut with gold. These are the exact Tailwind ramps from each site's tailwind.config.js — the 500 step (outlined) is the brand anchor. Click any swatch to copy its hex.
01 Brand ramps — click to copy
AllGameGuidesallgameguides.com · volume
primary / blue#3b82f6
secondary / green#10b981
accent / cyan#06b6d4
BestGameGuidesbestgameguides.com · premium
primary / purple#8b5cf6
secondary / gold#f59e0b
accent / rose#f43f5e
02 Difficulty semantics — cross-site invariants, click to copy
Beginner25/100
green-100/800 · dark green-900/30 + 300Intermediate50/100
yellow-100/800 · dark yellow-900/30 + 300Advanced75/100
orange-100/800 · dark orange-900/30 + 300Expert95/100
red-100/800 · dark red-900/30 + 300
Premium gradient
linear-gradient(135deg, #8b5cf6 0%, #f59e0b 100%)
✓ DO
Anchor UI on the 500 step; reach for 400 on dark surfaces, 600 on light. Reserve the gradient for premium moments only.
✗ DON'T
Never mix site palettes in one view, and never re-map difficulty colors — green→red is a cross-site contract.