Components

Buttons

Five variants × four sizes. Primary actions are sky-700 — never more than one per surface. Outline and ghost buttons handle secondary work; link buttons handle inline navigation.

Variants

.sc-btn .sc-btn-{variant}height: 36px

Sizes

24 · 30 · 36 · 44 px4-step ladder

With icons

States

default
hover
focus
disabled

Usage

Do
Limit to one primary button per surface — the primary recommendation. Pair with secondary or ghost for alternates.
Don't
Use destructive variant for cancel — cancel is a secondary action; destructive is reserved for delete and reject.