creatordesign system
GitHub
Background
Helpers & Utilities · Creator Design System

Background

Semantic surfaces only — markup never names a ramp step.

ClassDoes
.u-bg-canvas / -surface / -sunken / -raisedthe elevation ladder
.u-bg-inverseink band; sets --fg-on-inverse too
.u-bg-accent / .u-bg-accent-softthe rationed loud pair
.u-bg-transparentstrip an inherited surface
surfacesunkeninverseaccentaccent-soft

the surface family