Developer template

Uptime Open Graph image template

An uptime / SLA card: an org lockup with a 'Last 90 days' eyebrow and an updated line, a huge accent uptime percentage beside a title and subtitle, a day-by-day uptime bar strip whose bar colors are derived from per-day state words, and up to three slot-driven stat pills.

It's built for the standard 1200×630 (1.91:1) share card and exports at 2× (2400×1260) for high-DPI screens. Customize the text, colors, fonts, and logo in your browser, then download a PNG — free, no signup, nothing uploaded.

Customize this template More developer templates

3 ready-made presets

Each preset is a one-click starting look for the Uptime template — a different color and type combination you can still fully edit.

Operational“Reliable by design”Monitored every minute from regions worldwide.Open this preset →Midnight“Always-on, everywhere”Live health checks across every edge region, around the clock.Open this preset →Trust“Built on trust”Backed by a 99.9% uptime SLA and 24/7 on-call response.Open this preset →

What you can edit

The Uptime template has 8 editable content fields. Recommended lengths keep your copy inside the safe area so nothing clips when the card is cropped.

Field	Type	Max length	Example
Org / product	Single line	30 chars	Northwind Cloud
Eyebrow	Single line	26 chars	Last 90 days
Uptime %*	Single line	10 chars	99.98%
Title	Single line	40 chars	Reliable by design
Subtitle	Multi-line	100 chars	Monitored every minute from regions worldwide.
Day states (up / degraded / down, comma or line separated)	Multi-line	220 chars	up, up, up, degraded, up, up, down, up, up, up
Stats (value \| label per line, up to 3)	Multi-line	120 chars	120ms \| avg response 0 \| incidents 4 \| regions
Updated line	Single line	36 chars	Updated 2 min ago

* required field. Tip: keep your “Title” short and punchy — the shorter the copy, the larger and more legible it renders in the feed.

Styling you control

Beyond the words, the Uptime template lets you tune:

Background color & style
Gradient fills
Grid & pattern overlays
Fonts, size & alignment
Logo placement
Platform size switching
Film-grain / noise
Vignette

When to use it

The Uptime template lives in the developer collection — developer-native cards that speak to engineers. Reach for it specifically when one of these fits:

A CLI tool or library
An API or docs page
A changelog or release
A repo, PR, or build-status card

See the full developer template collection or read OG images for developers.

More developer templates

API ReferenceAn API reference card: an 'API Reference' eyebrow, a METHOD badge with a mono endpoint path, a title and description, and a rounded code panel showing a faux JSON response.ArchitectureA system-architecture diagram card: an eyebrow, bold title and subtitle above a drawn left-to-right flow of up to four labelled node boxes (each with a glyph, label and sublabel) connected by arrows, plus a detail line.BenchmarkA performance-comparison card whose hero is a horizontal bar chart built from up to 4 'label | value' rows, with each bar width scaled to the max and the winning (largest) bar highlighted in the accent color.Build StatusA CI build-status card: a product lockup with a 'CI Pipeline' eyebrow and a commit · branch line (your uploaded icon/logo, or a letter-mark fallback), a bold title and a shields-style build badge whose color is derived from the overall state, and a row of pipeline stage nodes each with a state-colored icon and duration.ChangelogRelease-notes card with a version chip, headline, and an accented bullet list.Cheat SheetA developer cheat-sheet / quick-reference card: an eyebrow, a bold title and subtitle, then a list of 'key | action' rows each shown as a drawn keycap chip plus its description.

Make your uptime card now

Free, private, and 100% in your browser — no signup, no watermark, nothing uploaded.

Open in the editor