Badge
A small, non-interactive status or label. Subtle by default (wash fill, ink text, edge border); a solid appearance for higher emphasis. Pill or square. Optional leading dot or icon.
Intents — subtle
NeutralAccentSuccessWarningDangerInfo
Intents — solid
NeutralAccentSuccessWarningDangerInfo
With leading dot
LiveDegradedDownIdle
With leading icon
Trust ListVerifiedRevokedNotice
OCSS accreditation tiers
Ordered scale — Tier 0 (lowest) through Tier 3 (highest trust).
Tier 0Tier 1Tier 2Tier 3
Tier 0Tier 1Tier 2Tier 3
OCSS conformance
MUST (pass) · SHOULD · MUST-NEVER — mapped to the state tokens.
MUSTSHOULDMUST-NEVER
MUSTSHOULDMUST-NEVER
Shape & size
PillSquaredraft-00SmallMediumsm + dot