Skip to content

Free tool

Eight status page designs, all live

Every strip below is real data from a real project, refreshed while you read. Take the layout, point it at your own monitors, and skip the week you were going to spend building a status page.

One element, then it's your page

The widget draws the bars, the percentages and the incident state. What these designs decide is everything around it — where it sits, what frames it, what it's next to — which is the part every team ends up rebuilding.

<script src="https://feedfa.st/embed.js" data-project="your-project" defer></script>

<div data-feedfast="uptime"></div>

It renders inside a shadow root, so your CSS can't reach into it and its styling can't leak onto your page. Colour and light or dark come from data-accent and data-theme rather than a stylesheet fight; the docs list every attribute.

Whole pages

The whole page

A status page of your own, on your own domain, in about twenty lines.

Acme status

Live availability for every part of the product.

Something wrong that isn't listed? Tell us.

Dark console

For an internal dashboard or an ops screen that lives on a wall.

System status

Rolling 90 days, refreshed every minute.

Hero banner

Answers the question above the fold, then shows the working.

All systems operational

Ninety days of history, updated live.

In a layout

Service grid

One card per service, when each has its own owner or its own audience.

Marketing site

Public pages and sign-up

API

Everything your integrations call

Docs sidebar

Narrow enough for a rail, next to your navigation.

Status and what's new

The two things people check on a quiet Monday, side by side.

Status

What's new

Small

One service, compact

For a pricing page or a docs header, where only one thing matters.

API availability

A status page is one monitor away

The free plan includes a monitor, a public status page and email alerts. Point one of these layouts at it and you're done.