Spacing Scale

Padding

0
4
8
12

Layout

Stack

LS16
LS24
LS40
LS64
LS128

Inline

LI2
LI4
LI8
LI16
LI24
LI32
LI40
LI64
LI128

Padding

LP2
LP4
LP8
LP16

Text

THXL

THL

THM

THS

THXS
TH2XS

TBL—Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

TBM—Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

TBS—Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Color (Text)

Brand
CTB10
CTB20
Neutral
CTN10
CTN20
CTN30
CTN40
CTN50
CTN60
CTN70
CATEGORIES

‍
CTPINK

‍
CTGREEN

‍
CTYELLOW

‍
CTPURPLE

Color (Background)

Brand
CBB10
CBB20
Neutral

‍
CBN10

‍
CBN20

‍
CBN30

‍
CBN40

‍
CBN50

‍
CBN60

‍
CBN70
CATEGORIES

‍
CBPINK

‍
CBGREEN

‍
CBYELLOW

‍
CBPURPLE

Text Alignment

AL
AC
AR

Button (fix stretch)

Button TextButton Text

Bars WIP