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 XPProgressBar · bracket — the same value as a mono readout
Chapter 3
40%Chapter 4
90%ProgressBar · segments — a run cut into uneven chapters
Course
45%Session
liveProgressCircle · determinate
ProgressCircle · indeterminate
ProgressCircle · register ring — quantized blocks, centered readout
3/5FOCUS
Meter · segments — the wells' ▮▮▮▯▯ capacity form
Focus
3/5Streak
4/5Memory
1/5PixelMeter · the three pixel forms — streak row, ring, activity map
Streak
12/16
Activity
Meter · semantic variants — positive is a cohesive green
Disk
35%Uptime
62%Memory
78%CPU
96%Latency
48%Skeleton · loading toggle
Uplink established
NotificationBadge · values
34299+