Backgrounds

Fills

Brand Fill
Brand Muted Fill
Neutral Fill

Surface

Brand Surface
Neutral Surface
Inverse Surface

Borders

Radius

Shadow

No Shadow

Text Sizes

Heading X-Large

Heading Large

Heading Medium

Heading Small

Body Large

Body Medium

Body Small

Text Color

Aa

Aa

Aa

Aa

Aa

Example Card

30,000+
Courses
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.
30,000+
Courses
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.

Buttons