Introduction

Colors

Brands has these colors below.

• .bg-white

  White
  rgb(255,255,255)
  #ffffff
  .bg-white

  ##ffffff

• .bg-offwhite

  Off-White
  rgb(243,243,243)
  #f3f3f3
  .bg-offwhite

  ##f3f3f3

• .bg-highlight-grey

  Highlight Grey
  rgb(230,230,230)
  #e6e6e6
  .bg-highlight-grey

  ##e6e6e6

• .bg-light-grey

  Light Grey
  rgb(221,221,221)
  #dddddd
  .bg-light-grey

  ##dddddd

• .bg-std-grey

  Standard Grey
  rgb(196,196,196)
  #c4c4c4
  .bg-std-grey

  ##c4c4c4

• .bg-med-grey

  Medium Dark Grey
  rgb(136,136,136)
  #888888
  .bg-med-grey

  ##888888

• .bg-med-grey

  Medium Grey
  rgb(153,153,153)
  #999999
  .bg-med-grey

  ##999999

• .bg-dark-grey

  Dark Grey
  rgb(94,94,94)
  #5e5e5e
  .bg-dark-grey

  ##5e5e5e

• .bg-offblack

  Off-Black
  rgb(18,18,18)
  #121212
  .bg-offblack

  ##121212

• .bg-black

  Black
  rgb(6,6,6)
  #060606
  .bg-black

  ##060606

• .bg-error-red

  Error Red
  rgb(234,62,49)
  #ea3e31
  .bg-error-red

  ##ea3e31

• .bg-light-red

  Light Red
  rgb(253,176,177)
  #fdb0b1
  .bg-light-red

  ##fdb0b1

• .bg-dark-red

  Dark Red
  rgb(253,176,177)
  #921317
  .bg-dark-red

  ##921317

• .bg-aqua

  Aqua
  rgb(117,214,188)
  #75d6bc
  .bg-aqua

  ##75d6bc

• .bg-light-green

  Light Green
  rgb(195,229,193)
  #921317
  .bg-light-green

  ##921317

• .bg-dark-green

  Dark Green
  rgb(51,90,67)
  #335a43
  .bg-dark-green

  ##335a43

• .bg-fb-blue

  Facebook Blue
  rgb(60,89,155)
  #3c599b
  .bg-fb-blue

  ##3c599b

• .bg-twitter-blue

  Twitter Blue
  rgb(61,153,251)
  #3d99fb
  .bg-twitter-blue

  ##3d99fb

Typography

• .h1 - Garage Gothic Bold - 50px / 80px / 120px

  h1 Heading

• .h2 - Garage Gothic Bold - 40px / 64px / 100px

  h2 Heading

• .h3 - Garage Gothic Bold - 34px / 54px / 80px

  h3 Heading

• .h4 - Garage Gothic Bold - 30px / 40px / 60px

  h4 Heading

• .h5 - Garage Gothic Bold - 24px / 32px / 40px

  h5 Heading

• .h6 - Garage Gothic Bold - 18px / 20px / 24px

  h6 Heading

• .h7 - Garage Gothic Bold - 16px / 16px / 18px h7 Heading
• .h8 - Garage Gothic Bold - 14px / 14px / 14px h8 Heading

Other Headers

• .cta-copy - DIN OT Medium - 12px CTA Copy
• .metadata - DIN OT Bold - 10px / 10px / 11px Metadata
• .eyebrow - DIN OT Bold Italic - 10px / 11px / 11px Eyebrow

Paragraphs

• .body-copy, p - DIN OT Medium - 12px / 13px / 13px

  Not a sunrise but a galaxyrise encyclopaedia galactica preserve and cherish that pale blue dot the sky calls to us. Quasar? Billions upon billions of brilliant syntheses quasar a very small stage in a vast cosmic arena dispassionate extraterrestrial observer. Flatland light years trillion Vangelis birth descended from astronomers. Gathered by gravity, the only home we've ever known cosmos, rings of Uranus decipherment muse about worldlets a very small stage in a vast cosmic arena the only home we've ever known billions upon billions globular star cluster intelligent beings Cambrian explosion astonishment?

• .long-form - DIN OT Regular - 13px / 15px / 17px

  Not a sunrise but a galaxyrise encyclopaedia galactica preserve and cherish that pale blue dot the sky calls to us. Quasar? Billions upon billions of brilliant syntheses quasar a very small stage in a vast cosmic arena dispassionate extraterrestrial observer. Flatland light years trillion Vangelis birth descended from astronomers. Gathered by gravity, the only home we've ever known cosmos, rings of Uranus decipherment muse about worldlets a very small stage in a vast cosmic arena the only home we've ever known billions upon billions globular star cluster intelligent beings Cambrian explosion astonishment?

Buttons

Lists

Unordered

• Item 1
• Item 2
• Item 3

Ordered

1. Item 1
2. Item 2
3. Item 3

Forms