Active incidents by severity gradient bar chart

Summary

A single chart frame from a security brand system, showing how the identity handles data: one wide horizontal bar split into three severity bands that fade from saturated orange to almost white.

Visual description

White field with generous margins. Top left carries a two-line headline, "Active incidents by severity", set in a light-weight geometric sans in near black with a cool blue cast. Top right sits a thin circular outline containing an exclamation mark, the only icon in the frame. The lower two thirds are given to one full-width horizontal bar. Its leftmost and widest band is solid amber fading toward pale cream at its right edge; a narrower second band repeats the same fade at lower saturation; a third, narrower still, is nearly white with a thin amber rule closing it. The remaining right portion of the bar is flat pale grey, reading as unused capacity. Underneath, three small square swatches label HIGH, MEDIUM and LOW in small all-caps grey letterspaced type. There are no axes, gridlines or numeric values anywhere.

Key takeaway

Severity is encoded by fade rather than by three unrelated hues, so the scale stays inside one brand colour and still reads instantly. Dropping axes and value labels turns a chart into a brand asset without losing its meaning.

Reuse notes

Good reference for a security, monitoring or observability brand that needs chart styling defined at identity level rather than left to the product team. The gradient bands only separate cleanly on white or very light backgrounds, and the missing axis means it communicates proportion, not exact figures, so pair it with a numeric callout where precision matters.