Design Exploration
Brainstorm
A working sketchpad for car HMI interaction design. Small, self-contained components exploring state changes, motion, and how an interface should feel different across driving scenarios. Not case studies, just ideas in motion. Tap any component below to cycle through its states.
Driving Cluster
Safety & ADAS
Comfort & Media
01 · Driving Cluster
Primary telemetry the driver glances at most: speed, gear, and drive mode.
Drive Mode Selector
Eco
Comfort
Sport
Tap a mode to switch. The pill slides and recolors instantly.
Speed & Gear HUD
42
mph
P
R
N
D
Live coaching active
Tap the card to toggle between Parked and Driving.
02 · Safety & ADAS
Alerts that borrow the same voice-first coaching pattern from Generative Drive Coach, scaled by urgency.
Coaching Alert
Coaching tip
Speed limit drops ahead. Ease off now for a smooth transition.
Heads up
Approaching a busy intersection. Stay alert.
Take action now
Vehicle ahead is braking hard. Reduce speed immediately.
Same coaching pattern, three severities: info, warning, critical.
Parking Assist
2.4 m
Clear
0.8 m
Caution
0.2 m
Stop
Proximity bars fill and pulse faster as distance closes.
03 · Comfort & Media
The calmer, everyday-use layer: quiet controls that stay out of the way until touched.
Climate Dial
72°
Auto
65°
Cool
78°
Warm
Three climate moods, each with its own fan speed.
Now Playing
Coastal Drive
Synth Atlas
Tap anywhere on the card to play or pause.