Light Power BI background · 1280×720
Sunset Gradient Header
Light Power BI background with an orange-to-coral gradient header band and white cards: five KPIs, a full-width trend and three panels.
By Nawaf Sharaf · Founder & Reliability Engineer · Updated
Free for commercial useFree, no sign-up. 1920×1080 fits a new page in a Fluent 2 report; 1280×720 and 2× fit Classic pages. Downloads include a small “Made with VizForge” mark; sign in to the studio to remove it.
About this background
A warm gradient header band (accent orange into coral) gives retail and e-commerce reports an immediate brand feel. The title sits in white on the band; add your logo at the left as an Image visual, or upload it in the design studio so it is baked in.
Below the band: five KPI cards, a full-width panel sized for a daily trend line, and three equal panels for funnel, ranking and mix charts.
Keep slicers in the band's right side with a white background and 8px corner radius so they read as part of the header.
Where to place your visuals
Page pixels. In Power BI select a visual, open Format → General → Properties → Size and position and enter these values (inset by 16px for padding).
| Visual | X | Y | Width | Height |
|---|---|---|---|---|
| KPI tile 1 | 24 | 96 | 240 | 112 |
| KPI tile 2 | 280 | 96 | 232 | 112 |
| KPI tile 3 | 528 | 96 | 232 | 112 |
| KPI tile 4 | 776 | 96 | 232 | 112 |
| KPI tile 5 | 1024 | 96 | 232 | 112 |
| Main chart | 24 | 224 | 1232 | 224 |
| Chart panel 1 | 24 | 464 | 400 | 232 |
| Chart panel 2 | 440 | 464 | 400 | 232 |
| Chart panel 3 | 856 | 464 | 400 | 232 |
VizForge AI · custom visuals
Generate a custom visual for this slot
Pick a panel and VizForge AI writes a custom visual (.pbiviz, with TypeScript source) sized to it, in this background's colours, with a transparent background so the panel shows through.
Panel at 24, 224 · 1232×224 px
1, 2 or 5 credits depending on the brief · 5 free on signup. Sign in or create a free account on the next screen; the brief is saved for 30 minutes.
A Power BI custom visual titled "Main chart". It sits in a 1232×224 px slot on a designed report page. Match the report's brand: data colours #E2541B, #C47E09, #DB2777, #7C3AED, #0891B2, #619C0C; background #FFFFFF; text #2A1A12; font Segoe UI. Transparent visual background so the page design shows through; no visual border. It sits on a panel of the Sunset Gradient Header page background.
Matching theme
The Theme JSON button above downloads this palette.
Set this background in Power BI Desktop
- 1
Download the PNG
Take the 1920×1080 PNG for a new page in a Fluent 2 report, or the 2× PNG (2560×1440) for crisp edges on a 1280×720 Classic page.
- 2
Open Canvas background
Select the page, then Format page → Canvas background → Browse, and pick the file.
- 3
Fill, 0% transparency
Set Image fit to Fill and transparency to 0% so the panels line up with the page grid.
- 4
Place visuals on the panels
Turn off each visual's background and border, then use the positions above.
Other themes for this background
Other light themes that work on this background. Download the theme JSON from its page and import it after setting the background image.
Light theme
Emerald FinanceFinance-ready Power BI theme in calm greens with DIN headings: variance-friendly good/bad colours, white cards, and a mint page for P&L and treasury reports.
Light theme
Ledger NavyClassic finance navy and gold Power BI theme for annual reports and investor dashboards: serif-free, print-safe, with a cream page and ink-dark text.
Need a chart Power BI doesn’t ship?
Describe it in plain English and VizForge generates a custom visual as a .pbiviz file, with its TypeScript source. In the design studio, hand any visual slot to the AI and the brief carries the slot size and your brand colours. Sankey, Gantt, bullet, waterfall and more: see the visual catalog.
Generate a custom visual with AI · starts free →Questions about this background
What size is the Sunset Gradient Header background?
It is designed on a 1280×720 pixel Power BI page (the Classic report size) and downloads at 1280×720, at 1920×1080 for a new page in a Fluent 2 report, and at 2× (2560×1440) for sharper edges on high-resolution screens.
Where do I place my visuals on this background?
Use the 9 panel positions in the table on this page. Inset each visual by about 16 pixels inside its panel so rounded corners and shadows stay visible.
How do I set a background image in Power BI?
Select the page, then in Format page → Canvas background choose Browse, pick the image, set Image fit to Fill and transparency to 0%. In theme JSON the labels differ: JSON “Fill” is UI Fill, JSON “Fit” is UI Stretch and JSON “Normal” is UI Fit.
Why do my visuals hide the background panels?
Visuals have their own background and border turned on by default. Turn off Format → General → Effects → Background and Visual border for each visual, or apply the matching theme JSON, which does it for you.
More backgrounds
Keep exploring
Page backgrounds at 1280×720 and 1920×1080 with visual positions.
61 hand-designed Power BI page layouts by department.
80 contrast-checked theme JSON files, light and dark.
3,034 icons in 40 categories as SVG, PNG, DAX or theme icon JSON.
Make a background that fits your report
Draw panels, header bands and navigation rails on the Power BI grid in the design studio, add your logo, and export at 1× or 2×.
The design studio for Power BI. Free, in your browser, no sign-up.