Surface

A container that groups related content. Three elevation levels — subtle, base, elevated — communicate visual hierarchy without coupling to specific use cases.

Style

Visual design rationale for the surface component.

Token Mapping

  • Background: --ps-surface-base
  • Border: --ps-border-subtle