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