Back to Templates
Use This Template
SaaS Platform
Technology 5 pages — Modern SaaS/technology platform template with 5 pages: Home, About, Apps, Pricing, Contact. Clean tech-forward design.
Color Variables
--gold-primary
#D4AF37
--purple-primary
#8B5CF6
--blue-accent
#3B82F6
--pink-accent
#EC4899
--gradient-primary
linear-gradient(135deg, #8B5CF6 0%, #6D28D9 100%)
--font-primary
'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif
--shadow-sm
0 2px 4px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03)
--shadow-md
0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04)
--shadow-lg
0 10px 30px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06)
--shadow-xl
0 20px 50px rgba(0, 0, 0, 0.15), 0 10px 20px rgba(0, 0, 0, 0.08)
--shadow-2xl
0 30px 70px rgba(0, 0, 0, 0.2), 0 15px 30px rgba(0, 0, 0, 0.1)
--shadow-gold
0 0 40px rgba(212, 175, 55, 0.4), 0 10px 30px rgba(212, 175, 55, 0.2)
--shadow-purple
0 0 50px rgba(139, 92, 246, 0.4), 0 10px 30px rgba(139, 92, 246, 0.2)
--shadow-premium
0 40px 80px rgba(5, 6, 26, 0.6),
0 20px 40px rgba(5, 6, 26, 0.4),
0 0 100px rgba(139, 92, 246, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.1)
--shadow-premium-hover
0 50px 100px rgba(5, 6, 26, 0.7),
0 25px 50px rgba(5, 6, 26, 0.5),
0 0 120px rgba(212, 175, 55, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.15)