Color
Neutrals
Colors
Typography
Fonts
AaBbCc123
Obviously Narrow
.font-sans
AaBbCc123
Obviously (default)
.font-sans
AaBbCc123
Obviously Wide
.font-sans-wide
Display heading sizes
Display XX-Large
.display-xxl
Display
Display X-Large
.display-xl
Display
Display Large
.display-lg
Display Large
Display Medium
.display-md
Display Medium
Display Small
.display-sm
Display Small
Display X-Small
.display-xs
Display Extra Small
Heading text sizes
Heading 1
.heading-1
Heading 1
Heading 2
.heading-2
Heading 2
Heading 3
.heading-3
Heading 3
Heading 4
.heading-4
Heading 4
Body text sizes
Body Large
.body-large
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Body Medium
.body-medium
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Body Small
.body-small
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Body X-Small
.body-xs
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
