Colors

Primary Colors

Cinnabar

#FB0F5A

Raisin

#212322

Secondary Colors

Lavender

#994878

Hibiscus

#C74E61

Neutral Colors

Stone

#9D968D

Goose

#D0D3D4

White

#FFFFFF

Typography

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 58px/1.172em

Heading H2 - Aa Bb Cc Dd

Heading 2 - 40px/1.250em

Heading H3 - Aa Bb Cc Dd

Heading 3 - 26px/1.308em

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/1.364em

Heading H5 - Aa Bb Cc Dd

Heading 5 - 18px/1.111em

Heading H6 - Aa Bb Cc Dd

Heading 6 - 16px/1.125em

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.

Paragraph Default - 18px/1.778em

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.

Paragraph Large - 24px/36px

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Bullet List

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Numered List

Figure & Figure Caption

Link - Lorem ipsum dolor sit amet

Links

Bold - Lorem ipsum dolor sit amet

Bold Text

Bold - Lorem ipsum dolor sit amet

Italix Text

“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fringilla nunc, amet vitae senectus. A consequat duis nec eu quis.”

Block Quote

Buttons

Default

Button Primary - Default

FIND OUT MORE

Button Secondary - Default

Ember Style Guide