Data

At a reduced width the content scrolls inside the table, never inside the page. The last column stays pinned to the right edge: the row may travel, but Open, Resume or Delete remain available.

Columns leave by priority. Secondary data disappears first; identity and actions survive. If width is still short, the wrapper takes the scroll and announces that it is keyboard scrollable.

The markup is a real table, with column headers and an accessible caption. Hover uses the subtle surface; selection uses the selected pair; actions stop the row click and are written as mono micro-labels, not as a row of boxes.

Search and filters live above on the same line recipe as the forms. An empty result is explained underneath that row, without swapping filters for an illustration or boxing the message in.

The wave tells a trend. The spark gives the pulse next to a figure, and its form follows the number: an area that dissolves for a rate, columns for a count, a line with an open end for a flow under observation. The radial is one value against its goal; the distribution, the parts of a whole; the hourly rhythm, intensity by opacity. Large bars are left for categories — and they are never the first option.

Five series in a fixed order: ultramarine, terracotta, jade, honey, navy — always in their chart grade, livelier than the text grade: an area draws its contrast from its own label, so the fill may shine. Terracotta appears at most once per chart. Decorative axes, ornamental gradients and 3D do not exist.

Every amount is an integer in ISO 4217 minor units with its currency code — formatting is presentation, never storage. A KPI with no source is not shown: an empty cell beats an invented number.

Percentages carry one decimal at most; relative dates ("yesterday", "Mon") only within the last 72 hours, a short date after that.