VizForge team · Staff pick

Supplier Spend Review — Compact nav

by VizForge team · 5 Nov 2026

A procurement lead preparing supplier negotiations: where the money goes, how concentrated it is and which purchases bypass contracts. Drawn with a compact left navigation column with filters and a tabbed header, in the Gazette Night theme.

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

Pradera Agro 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 compact left navigation column with filters and a tabbed header. The 4 KPI cards read Total Spend, Suppliers, Spend Under Contract % and Savings. Below them sit Monthly Spend (line chart), Off-Contract Purchases (table), Spend by Category (treemap) and Top Suppliers by Spend (bar chart). Filters: Category and Farm.

What’s on the page

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

Page size: 1920×1080 px
KPI cards: Total Spend, Suppliers, Spend Under Contract % and Savings
Charts: Monthly Spend, Off-Contract Purchases, Spend by Category and Top Suppliers by Spend
Slicers: Category and Farm
Pages: Overview, Detail and Trends
Theme and fonts: Gazette Night · Georgia and 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 Supplier Spend Review — Compact nav
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 9 gutters between panels match (16px across, 16px down).
Text contrast	25/25	All 6 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	2 font families (Segoe UI, Georgia): 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.