Detail hero
The top of a single-record detail page. Big title, key facts, primary action — everything the operator needs before scrolling.
Default
Title + status, sub-description, primary action.
3.044 kg fine gold
Poured 07:48 · Plant M-01 · Operator Stanford Kuda · assayed 94.6 % fineness
With metadata grid
A row of key/value facts under the title — the at-a-glance summary.
Shipment to Rand Refinery
Tonal status
A coloured strip on the left edge keeps the state visible while the operator scrolls the page.
Shipment SH-2839
4.20 kg fine. Expected settlement 30 May. Refinery confirmed receipt but assay results unposted.
Do & don't
Put the record’s identifier (mono, small) above the title. Operators search by ID.
Hide the primary action below the fold. The next move belongs in the hero.
Use the metadata grid for 4–6 must-see facts. More than that becomes a sidebar list.
Repeat title and breadcrumb. Pick the one the operator needs most.