Legend
Every color means something.
The topic color code, what each chip and state stands for, and how an email is put together. One key runs through the interface and the inbox.
Topic colors
Each topic owns one color. In an email it is the top band, the tag, the button and the footer key.
The invert filter is a stress test. Mail apps treat color in their own ways, so a real test send is the check.
Chips
Status is a chip, never a sentence. Six tones, each with one meaning wherever it appears.
Vehicle stages
One permanent record per VIN, from arrival to release.
Keys
Inspection results
Sales floor
On the sales page. Chart series are yellow, white, blue and steel, so IQ Orange stays the alert color: only a quiet stretch or a quiet rep is orange.
Weather
On the weather tiles and at /weather. Alerts take the grade the National Weather Service gave them; the light windows are yellow wherever they appear.
The cluster
On the weather page and the medium and large tiles. A cell nothing measured says so on its face, and grip is a category because nothing in the feed supports a number.
The working day
The band across the weather page. Two facts kept apart: how hard the hour is, and whether the light is good in it.
Connection lights
In the Settings cockpit. The shift-light bar shows how many connections are answering or ready, in the color of the worst one.
An email, part by part
Every email is built from the same ten parts, in the same order.
- Topic bandThe top edge is the topic color.
- HeaderThe Vesper Row wordmark on navy. It carries its own ground, so dark mode and inversion cannot hide it.
- Topic tagSays what the email is about in words as well as color.
- Event and vehicleWhat happened, then the vehicle: model, stock number and a masked VIN.
- Alert bannerOnly when needed. IQ Orange for overdue and overrides, the topic color for a locked gate.
- FactsTwo columns on a phone, one only on the narrowest screens.
- ButtonOne action, in the topic color, that opens the record.
- Fine printSpecific to this email: what it is, and what is and is not in it.
- Company footerBoth lots, phone and site, then the color code with this email’s topic in bold, then the privacy and receipt lines.
- Developed by Paddock20The mark, the tagline and paddock20.com. Always last.
Footers
Two parts, always: the company block, then the developer credit.