Logo of UI Challenges
Sign in
Wireframe example for System Status Page
An example interpretation of the prompt
Icon of target

System Status Page

Icon of book open

Design a status page for a live product or API that tells users, fast, whether the service is healthy, degraded, or down. The page should open with the overall system state, last updated time, and a short plain-language summary of what is happening right now.

Below that, show the status of individual services or regions in a table or stacked list. Each row should include the service name, current state, and a short note when something is not normal. Use a visual system that works without color alone, since users may be scanning this page during an outage.

Include one active incident card when there is a problem. It should show the incident title, affected components, start time, current impact, and the latest update. Add a clear next step for users: subscribe for updates, contact support, or view the incident history.

Finish with uptime history and recent incidents in a compact format so users can see whether this is a one-off issue or part of a pattern. Keep the page calm, direct, and easy to scan under pressure.

Icon of book open

Inject personality into your system status page with custom icons or illustrations that align with the brand, making the experience more engaging and less stressful for users.

Better at UI design with every challenge

Select complexity and generate challenge.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.