Consignments

Freightpost, built to Ant Design

Shape of the page

A side menu against one work area. On a narrow screen the menu folds back to a strip of icons and the table keeps the width.

What it leads with

The table. Fourteen columns, with the shipment reference held against the left edge so it stays in view while the rest scrolls sideways.

Spacing

Tight, on Ant's own compact setting. This is a screen somebody works in for hours, so more rows in view is worth more than more air.

The one bold decision

An exception is a sentence, not a colour. A held shipment keeps the same background as every other row and gains a second line saying what stopped it.

Where the colour comes from

One brand blue, given to Ant's own palette builder, which works out every lighter and darker step from it. Nothing was picked by eye, and the same blue produces the light and the dark theme.

Reading those figures

Higher is easier to read. The floor is the accessibility standard: 4.5 for text, 3 for the edge of a control. Every pair clears it in both themes.

Three changes to the system

Ant's stock blue does not carry white text at the size this page uses it, so the brand blue replaces it. Ant's coloured tags are a step too pale to read, so each one is darkened. And the line Ant draws around a control is too faint to see, so the page uses the first step that a reader can actually make out.