Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.19

/
/
Home
/Patterns
/408. Status Page per Hour Indicators

Status Page per Hour Indicators

 DesktopAwarenessPathfindingWeb

Generated Description

Users can quickly assess system health over time via color-coded hourly indicators, revealing operational status and outage events at a glance.

View more...

Pattern Metadata

Released: Apr 15, 2026

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 408. Status Page per Hour Indicators.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
Users can quickly assess system health over time via color-coded hourly indicators, revealing operational status and outage events at a glance.
VotesUp
VotesDown
Pattern ID
408
UX Flows
Awareness
Pathfinding
UI Components
Progress State
Live State
Error State
Active State
Tooltip
Hover Event
Scrollbar
Banner
Version
2.1.19

Github Status Page

notion image
notion image
notion image

Related patterns

  • 4. Floating Status Banner
  • 80. Input Validation Status
  • 117. Side Status Notification
  • Status Bars & Chips

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback