Every chip is a gauge
There are forty-three chips in Trim. By month two I had built each one a little differently. That was the problem — a panel of gauges is only useful if you can read them at a glance.
There are forty-three chips in Trim. Status pills, progress indicators, type tags, role badges, plan markers, syllabus stage labels, currency flags. By month two I had built each one a little differently.
That was the problem.
A panel of gauges is only useful if you can read them at a glance. Twelve different fonts on twelve different gauges is twelve different cognitive loads.
The audit
I did a color audit. Every chip in the product. Captured each one as a screenshot. Tagged the background color, the text color, the font size, the padding, the corner radius. The spreadsheet was thirty rows long. I didn't have a design system. I had thirty design systems pretending to be one.
So I locked one pattern. Dark tinted background — a transparent version of the meaning color. Vivid text in the matching meaning color, full saturation. Always 10-point uppercase font, tracked, bold. Two pixels of vertical padding, eight horizontal. Rounded corners. No solid fills. No white text.
One exception. The "AHEAD" status chip — the student is ahead of schedule, the green-good signal — gets the solid green fill with white text. That's the only chip in the product that flips the rule. It's a celebration chip. It earns it.
The single source
Every chip in Trim now derives from one function — statusClass() for the colors, statusChip() for the rendering. Header pills, table cells, dashboard cards — they all call the same helper. If a new color is added, it lands in one place and propagates.
This is the part that matters more than the visual rule. A CFI looks at a student's row and sees ON TRACK. They look at the same student's detail page and see ON TRACK. Same shape, same color, same meaning. The chip is the gauge. The gauge has to read the same in every cabin of the airplane.
I shipped the audit as a PDF — Trim Color Reference — so next time I add a chip I have to look at the bible before deciding whether the chip needs a new color or matches an existing one. The bible is the brake on my own design improvisation.