VizForge team · Staff pick

Freight On-Time Board — Header bar

by VizForge team · 5 Nov 2026

A depot manager's weekly check: is on-time delivery holding, which depots drag it down and where the late loads end up. Drawn with a full-width title bar, a row of KPI cards and soft card panels, in the Boardroom Blue theme.

Freight On-Time Board — Header bar: Power BI report page design preview

Remix in the Design Studio →

Built in your browser. The PBIP carries sample data: the template’s own model when the design started from a template (visuals whose titles match the template’s are bound; the rest export empty, ready for your fields), otherwise the generic sales and operations model with every built-in visual bound by its kind and title. Downloads carry a small “Made with VizForge” mark.

Who the page is for

Harbourline Freight is a fictional company, so the figures in the preview are placeholders; the titles, layout and colours are what this design contributes.

The layout uses a full-width title bar, a row of KPI cards and soft card panels. The 4 KPI cards read Shipments, On-Time %, Avg Transit Days and Damage Claims. Below them sit On-Time % by Week (line chart), Late Shipments by Depot (bar chart) and Deliveries by City (map). Filters: Depot and Carrier.

What’s on the page

Read from the design file itself, so it always matches the download.

Page size: 1920×1080 px
KPI cards: Shipments, On-Time %, Avg Transit Days and Damage Claims
Charts: On-Time % by Week, Late Shipments by Depot and Deliveries by City
Slicers: Depot and Carrier
Pages: One page
Theme and fonts: Boardroom Blue · Segoe UI

Design Check: 100/100

The same deterministic check the Design Studio runs. 85 or more, with every text box at WCAG AA contrast, passes the community quality gate.

Design Check results for Freight On-Time Board — Header bar
Check	Points	Result
Grid and alignment	20/20	Every visual slot and card panel is on the 8px grid, inside the page and clear of its neighbours.
Gutters	15/15	All 4 gutters between panels match (24px across).
Text contrast	25/25	All 2 text boxes meet WCAG AA contrast against the background actually behind them.
Minimum text size	15/15	All text is at least 13.5px, legible when Power BI fits a 1920 × 1080 page to a laptop screen.
Colours vs theme	10/10	Every colour on the page comes from the theme or a tint of it.
Font families	5/5	1 font family (Segoe UI): a heading and a body face is plenty.
KPI density	10/10	4 KPI cards, each at least 168 × 84px: room for a value, a label and a comparison.