# Incident update OG image template

A status-page notice: a coloured edge for the current state, the incident title, a stepper of states and the latest update.

- Slug: `incident-update`
- Preview (real render): https://shareglint.com/storage/template-previews/incident-update.jpg
- Page: https://shareglint.com/en/templates/incident-update

For SaaS, hosting and status-page tools sharing an incident or a maintenance window. The `status` sets the colour (red, orange, blue, green or violet) and how far the stepper is lit; maintenance shows its own three steps. Up to five affected components are listed as chips with a "+N" for the rest, and the update text is clamped. Wide and square frames run the stepper across with the update below it; vertical frames run it down the side with the update under the current step.

## Fields

Every field is optional. Long text shrinks to fit instead of overflowing; an image field takes a public URL that we fetch on our side.

| Field | Type | Description | Example |
|---|---|---|---|
| `title` | text | Incident title. (default: Service disruption) | Elevated error rates on image renders |
| `service` | text | Product or service name in the brand chip. | Northwind Cloud |
| `status` | text | One of investigating, identified, monitoring, resolved or maintenance. (default: investigating) | monitoring |
| `update` | text | Latest update, shown in the callout. | A fix is live on the render pool. Error rates are back to normal and we are watching the queue. |
| `started` | text | When it started, e.g. Oct 26, 2026 · 08:12 UTC. | Oct 26, 2026 · 08:12 UTC |
| `components` | text | Affected components separated by `;`, e.g. Render API;Webhooks. Up to five chips. | Render API;Webhooks;Dashboard |
| `site` | text | Status page address. | status.northwind.dev |
| `logo` | image URL | Service logo, round. | https://example.com/images/logo-northwind.png |
| `accent` | colour | Brand colour as hex, e.g. #6366f1. Drives buttons, highlights and the background glow. (default: #4f46e5) | #4f46e5 |
| `theme` | dark | light | Colour scheme: dark or light. (default: light) | — |

## Render it with one request

```bash
curl -X POST "https://shareglint.com/v1/images?wait=true" \
  -H "Authorization: Bearer sk_live_YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "template": "incident-update",
    "modifications": {
        "title": "Elevated error rates on image renders",
        "service": "Northwind Cloud",
        "status": "monitoring",
        "update": "A fix is live on the render pool. Error rates are back to normal and we are watching the queue.",
        "started": "Oct 26, 2026 · 08:12 UTC",
        "components": "Render API;Webhooks;Dashboard",
        "site": "status.northwind.dev",
        "logo": "https://example.com/images/logo-northwind.png"
    }
}'
```

## Make it yours

accent and theme change per request. For anything more, copy the template into your account: you get an ordinary HTML template with the same fields that you can edit in the dashboard or through the API. If the slug is free on your account, the copy takes it — your integrations switch to your version without changing a line.

```bash
curl -X POST "https://shareglint.com/v1/templates/library/incident-update/copy" -H "Authorization: Bearer sk_live_YOUR_KEY"
```