VizForge team · Staff pick

Ad Spend Efficiency — Icon rail

by VizForge team · 5 Nov 2026

For a performance-marketing lead deciding which channels get next month's budget: spend and leads side by side, then cost per lead by channel. Drawn with a narrow icon rail on the left, a minimal header and bold panels, in the Civic Slate 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

Quillfield Media 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 narrow icon rail on the left, a minimal header and bold panels. The 5 KPI cards read Spend, Leads, Cost per Lead, ROAS and Conversion %. Below them sit Spend vs Leads by Month (line & column chart), Campaign Detail (table), Cost per Lead by Channel (bar chart) and Leads by Channel (donut chart). Filters: Channel and Campaign.

What’s on the page

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

Page size: 1920×1080 px
KPI cards: Spend, Leads, Cost per Lead, ROAS and Conversion %
Charts: Spend vs Leads by Month, Campaign Detail, Cost per Lead by Channel and Leads by Channel
Slicers: Channel and Campaign
Pages: Overview, Detail and Trends
Theme and fonts: Civic Slate · Segoe UI Semibold 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 Ad Spend Efficiency — Icon rail
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 10 gutters between panels match (24px across, 24px down).
Text contrast	25/25	All 5 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, Segoe UI Semibold): a heading and a body face is plenty.
KPI density	10/10	5 KPI cards, each at least 168 × 84px: room for a value, a label and a comparison.