# Status-pages



# Status Pages

Status pages provide real-time information about service availability and incidents. This guide covers the complete Statuspal configuration for creating branded status pages.

## Statuspal Design Settings

### Basic Information

- **Header Logo Text**: Use format `[Application Name] status - Grade` (e.g., "Design status - Grade")
- **Public Company Name**: Grade
- **Logo**: Upload Grade coral logo (minimum 500 pixels wide)
- **Favicon**: Upload Grade coral favicon as 32x32 PNG image

### Layout & Display

- **Header Background**: None
- **Display Uptime Graph**: No (to avoid information overload)
- **Incidents Position**: Below services
- **Theme**: Default

### Color Configuration

- **Links Color**: `#0052DC`
- **Header Background Colors**: Not used
- **No Incidents Color**: `#1c5124`
- **Minor Incident Color**: `#FFDE98`
- **Major Incident Color**: `#940004`
- **Scheduled Maintenance Color**: `#003DAB`

### Custom CSS

Leave the custom CSS empty, the needed CSS is imported from the CDN in the custom header field.

### Custom Header

Copy the following code into the custom header field:

<Canvas sourceState="shown" of={Header} />

### Custom Footer

Copy the following code into the custom footer field:

<Canvas sourceState="shown" of={Footer} />