Customization
Customize the appearance of your status page.
Branding
Logo
Upload a logo (recommended: 200x50px, PNG/SVG)
Favicon
Browser tab icon (32x32px, ICO/PNG)
Accent Color
Primary brand color used for buttons and links
Layout Options
| Option | Description |
|---|---|
| Show Header | Display logo and title |
| Show Footer | Display footer with links |
| Show Subscribe | Email subscription form |
| Show Uptime | Uptime percentage badges |
| Show History | Past incidents timeline |
| Group Components | Organize in groups |
| Expand Groups | Auto-expand groups |
History Settings
- Incident History Days - How many days to show (default: 90)
- Uptime History Days - Uptime calculation period
Custom CSS
Add custom CSS for advanced styling:
/* Example: Custom header background */
.status-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
/* Example: Custom component cards */
.component-card {
border-radius: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}Quick Links
Add helpful links to the footer:
- Support contact
- Documentation
- API status
- Social media
SEO Settings
- Meta Title - Browser tab title
- Meta Description - Search engine description
- OG Image - Social media preview
