Theme Styles
Symbols

Ember Style Guide

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
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Numered List
Figure & Figure Caption

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
Button Secondary - Default

Let's get started

Get in touch