Typography

Heading Level 1 Heading Level

Heading Level 2 Heading Level

Heading Level 3 Heading Level 3 Heading Level 3 Heading Level 3

Heading Level 4

Regular body copy, consectetur adipiscing elit. Nunc placerat interdum orci vel eleifend. Vivamus at feugiat turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Bigger body copy, consectetur adipiscing elit. Nunc placerat interdum orci vel eleifend.

Smaller body copy, consectetur adipiscing elit. Nunc placerat interdum orci vel eleifend.

Blockquote. Consectetur adipiscing elit. Nunc placerat interdum orci vel eleifend. Vivamus at feugiat turpis. Jane Doe,
CEO

Buttons, toggles, & anchors

Solid link Loooooooonngggg CTA link × Ghost link Callout link

Edge case anchors

Solid link Loooooooonngggg CTA link × Ghost link Callout link

Buttons on-white

Solid link Loooooooonngggg CTA link ×

Inputs

Utilities/Helpers

Colors, states.

is-blue is-bg-white
Link
is-bg-green
Link
is-bg-blue
Link
is-orange is-bg-grey
Link
is-bg-black
Link
is-bg-red
Link
is-green is-bg-purple
Link
is-bg-aqua
Link
is-bg-grey-2
Link
is-bg-navy
Link
is-bg-grey-3
Link
is-bg-orange
Link

Icons