Design system
The shared building blocks this app is built from, colour, type and the glass visual language live in the DFC Design System canvas. This page keeps the real, in-app versions of those components in sync with it.
Buttons
Status tags
On trackNeeds reviewDraftOn hold
Deal health gauge
78Strong
White at 0°, sweeping clockwise to dark green at the value's end angle, with rounded end caps. Built as a conic-gradient masked into a ring, a linear gradient on an SVG stroke can't represent a true angular sweep past a quarter of the circle.