---
title: Templates and theming
description: Three layouts, your colours, your fonts, your logo.
sidebar:
  label: Templates & theming
---

{/* Source of truth: packages/shared/src/status-pages.ts —
    StatusPageTemplates, LegacyTemplateMap, statusPageThemeSchema,
    AllowedFontFamilies. */}

## Templates

| Template | Layout |
| --- | --- |
| `classic` | The familiar status-page layout: overall banner, component list, incident history below |
| `minimal` | Stripped back — status and components, very little else |
| `dashboard` | Denser, metrics-forward, for a technical audience |

:::note
Older pages may have been created with template names like `default`,
`detailed`, `clean`, `grid` or `noir`. These are mapped automatically to their
modern equivalents; you do not need to change anything.
:::

## Theme options

| Option | Value |
| --- | --- |
| `primaryColor` | Accent colour for status indicators and links |
| `bgColor` | Page background |
| `textColor` | Body text |
| `borderRadius` | In `px`, `rem` or `em` |
| `fontFamily` | One of the seven below |
| `darkMode` | Whether the page renders dark |

### Fonts

Fonts are restricted to a fixed list so pages stay fast and render consistently:

- `Inter`
- `Space Grotesk`
- `JetBrains Mono`
- `DM Sans`
- `IBM Plex Sans`
- `Nunito`
- `system-ui`

`system-ui` is the fastest option — no font is downloaded at all.

## Logo and favicon

Both are uploaded on the status page settings and can be removed later. Use an
SVG or a suitably sized PNG; the favicon is what people see in a pinned tab
during an outage, so it is worth setting.

## Design advice

- **Contrast over brand.** A status page is read in a hurry, often on a phone,
  sometimes by someone stressed. If your brand colour is a pale grey on white,
  do not use it for the status indicators.
- **Do not rely on colour alone.** Glowo pairs colour with text and shape, and
  you should not undo that with a theme where every state looks similar.
- **Test dark mode** if you enable it. A logo with a transparent background and
  dark artwork disappears.