Make your page feel more personalised by adding brandings such as logos and colours.
To manage all of these settings, click on the cog icon, top left next to the page selector icon and then 'Logos & Colours'.
Setting Light or Dark Mode
Our status pages come with light or dark mode options to make viewing at various times of the day easier.
Scroll down to the Dark Mode setting.
Select 'Auto', which will detect the user's system preferences and automatically place your page either in light or dark mode.
To save the changes, click on the 'Save Branding' button
Adding a logo and icons
Your logo should have a transparent background with a minimum of 256px width and 96px height. We recommend uploading two: one for use in light mode and another for dark mode (so a white logo).
Note: you can upload with PNG or SVG.
Next, add an icon. This will be used in the browser tab and social media when posts are shared on your page.
Note: you can upload with PNG or SVG.
To save the changes, click on the 'Save Branding' button
Changing the header and hero background
You can now change the background colour on the header and the hero section (where it says "All systems are up!").
Scroll down to Hero Background.
Select a primary colour for when the page is in light mode.
Select a secondary colour for when the page is in dark mode. We recommend going for a darker version of your primary colour.
To save the changes, click on the 'Save Branding' button
Setting the primary brand colour
Changing this will make your links and buttons use the primary brand colour. We recommend setting different colours for light and dark modes.
Scroll down to Primary Brand Colour.
Select a primary colour for when the page is in light mode.
Select a secondary colour for when the page is in dark mode.
To save the changes, click on the 'Save Branding' button