Gallery
Harbour Crane Terminal Landing
Palette
Primary
Accent
Background
Card
Foreground
Amber gantry cranes standing over a teal harbour under flat light
Terminal operating system

A CONTAINER YARD,
NOT A MASONRY WALL

Every tile is 88, 184 or 376 pixels tall. Nothing sizes itself to its content, so nothing moves when a number gets longer, and an operator can reach for the yard map without looking.

Moves this hour

184

target 200
Gate queue

12

avg wait 8 min
Cranes

6 / 8

Occupancy

74%

Reefer alarms

2

Holds

31

TRUNCATION IS A DECISION

Content that will not fit its unit is cut with an ellipsis. A predictable layout is worth more in a control room than a complete sentence, and we made that trade deliberately.

ELEVEN CHARACTERS, MONOSPACED

A container number has a check digit and it can only be checked by eye if the digits align. Every ID in the system is Source Code Pro with the check digit in amber.

THE MAP DOES NOT MOVE

The yard map holds the same top-left position on every configuration of every operations screen, for every operator, on every shift.