Dark Power BI background · 1280×720
Cockpit HUD Dark
Aviation-inspired dark Power BI background: slate page, faint grid, corner brackets and amber header tick for operations control-room dashboards.
By Nawaf Sharaf · Founder & Reliability Engineer · Updated
Free for commercial use
Free, 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
Inspired by glass-cockpit displays: a slate page with a faint 40px grid, panels framed by corner brackets rather than full borders, and an amber tick next to the title. It reads as a control-room screen without becoming a costume.
Six KPI panels across the top, a wide trend panel and a narrower ranking panel, then two panels at the bottom. The grid is decoration only; it sits under the panels so charts stay clean.
Pair with the Aviation Ops theme. Use amber only for caution states and keep the primary series cyan, as on the flight deck.
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 | 192 | 112 |
| KPI tile 2 | 232 | 96 | 192 | 112 |
| KPI tile 3 | 440 | 96 | 192 | 112 |
| KPI tile 4 | 648 | 96 | 192 | 112 |
| KPI tile 5 | 856 | 96 | 192 | 112 |
| KPI tile 6 | 1064 | 96 | 192 | 112 |
| Chart panel 1 | 24 | 224 | 608 | 224 |
| Chart panel 2 | 648 | 224 | 608 | 224 |
| Chart panel 3 | 24 | 464 | 608 | 232 |
| Chart panel 4 | 648 | 464 | 608 | 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, 464 · 608×232 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 "Chart panel 3". It sits in a 608×232 px slot on a designed report page. Match the report's brand: data colours #4FC3F7, #F5A623, #7BD389, #E57373, #BA68C8, #4DB6AC; background #142131; text #E8EEF5; font Segoe UI. Transparent visual background so the page design shows through; no visual border. It sits on a panel of the Cockpit HUD Dark 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 dark themes that work on this background. Download the theme JSON from its page and import it after setting the background image.
Dark theme
Plum DuskDark plum Power BI theme with magenta, apricot and lavender data colours; a warm alternative to navy for marketing, media and audience dashboards.
Dark theme
Ocean DeepDark teal-blue Power BI theme with aqua, sand and coral data colours for logistics, maritime, utilities and environmental monitoring dashboards.
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 Cockpit HUD Dark 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 10 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.