Color Palette

  • R: 34
  • G: 35
  • B: 39
  • #222327
  • scss var: $black-1
  • R: 61
  • G: 70
  • B: 71
  • #3d4647
  • scss var: $gray-6
  • R: 204
  • G: 204
  • B: 204
  • #cccccc
  • scss var: $gray-3
  • R: 116
  • G: 195
  • B: 77
  • #74c34d
  • scss var: $green-1
  • R: 243
  • G: 136
  • B: 0
  • #f38800
  • scss var: $orange-1

Fonts

Century Gothic Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Century Gothic Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Open Sans Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Open Sans Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Open Sans Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Open Sans Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Headings & Body Copy

H1. Century Gothic 48px

H2. Century Gothic 28px

H3. Century Gothic 22px

H4. Century Gothic 18px

Paragraph & Span (body copy) 18px

One Column Text - H2 Heading + Copy 24px

Lorem ipsum dolor sit amet, non curabitur, sapien tempor velit egestas quis risus ipsum, mauris condimentum quis parturient enim. Sit praesent, lacus sed tristique, sit molestie sagittis commodo sed est turpis. Cursus phasellus odio commodo tellus erat montes, repudiandae volutpat dolor odio nec mi luctus, wisi sit adipiscing, sapien cubilia nibh etiam congue, maecenas cras per arcu viverra varius quis. Hac duis eget sed, mi non magna.

Two Column Text - H2 Heading + Copy 18px

Lorem ipsum dolor sit amet, non curabitur, sapien tempor velit egestas quis risus ipsum, mauris condimentum quis parturient enim. Sit praesent, lacus sed tristique, sit molestie sagittis commodo sed est turpis. Cursus phasellus odio commodo tellus erat montes, repudiandae volutpat dolor odio nec mi luctus, wisi sit adipiscing, sapien cubilia nibh etiam congue, maecenas cras per arcu viverra varius quis. Hac duis eget sed, mi non magna

Lorem ipsum dolor sit amet, non curabitur, sapien tempor velit egestas quis risus ipsum, mauris condimentum quis parturient enim. Sit praesent, lacus sed tristique, sit molestie sagittis commodo sed est turpis. Cursus phasellus odio commodo tellus erat montes, repudiandae volutpat dolor odio nec mi luctus, wisi sit adipiscing, sapien cubilia nibh etiam congue, maecenas cras per arcu viverra varius quis. Hac duis eget sed, mi non magna

Three Column Text - H2 Heading + Copy 14px

Lorem ipsum dolor sit amet, non curabitur, sapien tempor velit egestas quis risus ipsum, mauris condimentum quis parturient enim. Sit praesent, lacus sed tristique, sit molestie sagittis commodo sed est turpis.

Lorem ipsum dolor sit amet, non curabitur, sapien tempor velit egestas quis risus ipsum, mauris condimentum quis parturient enim. Sit praesent, lacus sed tristique, sit molestie sagittis commodo sed est turpis.

Lorem ipsum dolor sit amet, non curabitur, sapien tempor velit egestas quis risus ipsum, mauris condimentum quis parturient enim. Sit praesent, lacus sed tristique, sit molestie sagittis commodo sed est turpis.

Buttons

Forms

Two Column Text - Heading 28px

Lorem ipsum dolor sit amet, non curabitur, sapien tempor velit egestas quis risus ipsum, mauris condimentum quis parturient enim. Sit praesent, lacus sed tristique, sit molestie sagittis commodo sed est turpis. lacus sed tristique, sit molestie sagittis commodo sed est turpis.

Lorem ipsum dolor sit amet, non curabitur, sapien tempor velit egestas quis risus ipsum, mauris condimentum quis parturient enim. Sit praesent, lacus sed tristique, sit molestie sagittis commodo sed est turpis. lacus sed tristique, sit molestie sagittis commodo sed est turpis.

Images

1920 X 314

475 X 500

300 X 200

600 X 280

Video