Design system v1 · ported
Edge Light
The token layer, ported from the approved design system. If a value here disagrees with design/design-system.html, that is a bug.
Type
Archivo at width 118
The display face carries a width axis of 62 to 125. If the headings below look narrow or plain, the variable font failed to load and this is falling back to system-ui.
Windshields
Chip repair
Glass for anything you drive
Heavy equipment and marine
A lede paragraph in Instrument Sans, which carries the body copy.
DATA · 4.5 STARS · 196 REVIEWS · 616-396-3487
wdth 62
Glass
wdth 100
Glass
wdth 118
Glass
wdth 125
Glass
Color
Three ramps
Crimson, action and urgency only
50
100
200
300
400
500
600 ◆
700
800
900
950
Edge, the green on the edge of the glass
50
100
200
300
400
500
600 ◆
700
800
900
950
Laminate, neutrals, never pure gray
0
25
50
100
200
300
400
500
600
700
800
900
950
Motion
Reveal, and the rule behind it
Scroll down. Each card fades and rises once. With JavaScript disabled, or with reduced motion on, every card below is still fully visible. That is the whole point: the base state is the finished state.
Windshield replacement
Chip repair
Side and rear glass
Specialty glass
Insurance claims
ADAS calibration
Fleet accounts
Ink panel
Edge light on near black
The ink ground with the edge-light hairline. This whole section is a.u-reveal target.