Design System v1.0
pistEmapper
The design system for the coolest ski mapping app on the mountain. Fresh powder vibes, electric energy, and smooth runs. 🎿
Colors
Our palette is inspired by crisp mountain air, fresh powder, and the thrill of the slopes.
Primary
Secondary
Accent
Muted
Destructive
Background
Slope Difficulty Colors
● Green - Beginner
■ Blue - Easy
◆ Red - Intermediate
◆◆ Black - Expert
Typography
Bold, confident, and easy to read - even with goggles on.
Display / Hero
Shred the Mountain
H1
Find Your Perfect Run
H2
Real-time Trail Conditions
H3
Weather & Snow Report
Body
Navigate the slopes like a pro with real-time mapping, personalized route suggestions, and live conditions updates.
Small / Caption
Last updated: 5 minutes ago
Components
Building blocks for an epic experience.
Button Variants
Button Sizes
With Icons
Icons
Lucide icons that capture the mountain spirit.
Mountain
Map
Navigate
Snow
Sun
Wind
Temp
Search