Theme Styles
Symbols

STYLE GUIDE

C'mon and check out the styles for this site. If you make changes here it'll change the entire site! Wow that real swell Beave!

Colors

Neutral Colors

Black
#0f0f0f
Lighter Black
#303030
White Smoke
#eeeeee
Dark Blue
#12151A
Dark Goldenrod
#9e8153
Goldilox
#9d832e

Typography

Heading H1 - Aa Bb Cc Dd

Heading 1 - 104px/118px

Heading H2 - Aa Bb Cc Dd

Heading 2 - 46px/60px

Heading H3 - Aa Bb Cc Dd

Heading 3 - 30px/38px

Heading H4 - Aa Bb Cc Dd

Heading 4 - 22px/30px
Heading H5 - Aa Bb Cc Dd
Heading 5 - 18px/24px
Heading H6 - Aa Bb Cc Dd
Heading 6 - 16px/22px

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.

Paragraph Small - 18px/30px

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 - 20px/34px

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 - 26px/45px

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat.
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Lorem ipsum dolor sit
Figure and Figure Caption

Buttons

Small
Button Primary - Small
Default
Button Primary - Default
Small
Button Secondary - Small
Default
Button Secondary - Default