Color Palette
Brand
Status
Neutrals
Typography
H1 / Page title
Vehicles in Shop
H2 / Section heading
Under Hood
H3 / Card title
2017 Hyundai Elantra
Body
Alex Darko · Time promised: 5:00 pm
Body muted
Assigned to: Jelani Francis
Inspection item label
Photos of Vehicle 4 Corners
Section label / nav group
Menu
Monospace / RO number
RO# 4020942
Form Elements
As it appears on the repair order
VIN must be 17 characters
Test Drive Completed?
Options
Status Badges
Traffic Light Selector
The core DVI interaction. Tap a circle to set the inspection status. Tap again to deselect. Try them below.
Inspection Item Row
Tap traffic light circles to set status. Tap the pencil to expand a note. Tap the camera to add photos.
Vehicle Card
Time promised: 5:00 pm
2017 Hyundai Elantra
Alex Darko
Time promised: 5:00 pm
2013 Jeep Wrangler
Jason Jankowski
Time promised: 5:00 pm
2018 Volkswagen Tiguan
Zin Minn
Workflow Pipeline
Inspection active
Report active
Notify active
Vehicle Context Bar
Sticky header displayed at the top of every inspection screen.
Card
Under Hood
Card body content goes here.
Card with direct padding (no header/body).
Empty State
No vehicles in shop
Vehicles will appear here once they are checked in.