05
Status & Progress
Live signals: pulse dots, alerts, toasts, dithered progress.
StatusLight · semantic + register variants — positive is a cohesive green
Informative
Positive
Notice
Negative
Metric
Neutral
StatusLight · sizes
Small
Medium
Large
Extra large
InlineAlert · semantic variants — positive is a cohesive green
Informative
Non-modal feedback tied to the surface it describes.
Positive
Non-modal feedback tied to the surface it describes.
Notice
Non-modal feedback tied to the surface it describes.
Negative
Non-modal feedback tied to the surface it describes.
Neutral
Non-modal feedback tied to the surface it describes.
InlineAlert · fill styles
Border
Edge only, glass card underneath.
Subtle fill
Tinted surface, no edge.
Bold fill
Saturated background, white ink.
Toast · queue — the status trio (negative / warning / success) plus info & neutral
ProgressBar · determinate
Build
25%Build
68%Build
100%ProgressBar · indeterminate
Syncing
ProgressBar · pending — the XP bar's dithered in-flight segment
Level 12
2,840 / 3,200 XPProgressCircle · determinate
ProgressCircle · indeterminate
ProgressCircle · register ring — quantized blocks, centered readout
3/5FOCUS
Meter · segments — the wells' ▮▮▮▯▯ capacity form
Focus
3/5Streak
4/5Memory
1/5Meter · semantic variants — positive is a cohesive green
Disk
35%Uptime
62%Memory
78%CPU
96%Skeleton · loading toggle
Uplink established
NotificationBadge · values
34299+