Skip to main content

๐ŸŽจ Branding & Customization

Make your status page match your brand identity.


๐ŸŽจ Available Optionsโ€‹

SettingDescription
LogoUpload your company logo (displayed at the top)
Brand ColorPrimary color for the page accent (#hex)
Custom CSSAdd custom CSS for full control over styling
ThemeChoose from available themes
SEO TitleCustom title tag for search engines
SEO DescriptionCustom meta description

๐Ÿ–Œ๏ธ Custom CSS Examplesโ€‹

Change the background colorโ€‹

body {
background-color: #0a0a0a;
}

Custom fontโ€‹

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
body {
font-family: 'Inter', sans-serif;
}
.powered-by {
display: none;
}

๐Ÿ’ก Tipsโ€‹

  • Use your brand's primary color for a cohesive look.
  • Keep your logo under 200KB for fast page loads.
  • Test your custom CSS on both light and dark themes.