Introduction

Colors

Brand has these colors below.

• .bg-white

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

  ##ffffff

• .bg-light-grey

  Light Grey
  rgb(237,242,244)
  #edf2f4
  .bg-light-grey

  ##edf2f4

• .bg-med-grey

  Med Grey
  rgb(199,203,211)
  #c7cbd3
  .bg-med-grey

  ##c7cbd3

• .bg-dark-grey

  Dark Grey
  rgb(137,143,157)
  #898f9d
  .bg-dark-grey

  ##898f9d

• .bg-offblack

  Offblack
  rgb(62,65,68)
  #3e4144
  .bg-offblack

  ##3e4144

• .bg-black

  Black
  rgb(0,0,0)
  #000000
  .bg-black

  ##000000

• .bg-cyan

  Cyan
  rgb(37,196,246)
  #25c4f6
  .bg-cyan

  ##25c4f6

• .bg-green

  Green
  rgb(91,231,69)
  #5be745
  .bg-green

  ##5be745

• .bg-violet

  Violet
  rgb(102,67,201)
  #6643c9
  .bg-violet

  ##6643c9

• .bg-red

  Red
  rgb(237,59,68)
  #ed3b44
  .bg-red

  ##ed3b44

• .bg-magenta

  Magenta
  rgb(246,55,154)
  #f6379a
  .bg-magenta

  ##f6379a

• .bg-yellow

  Yellow
  rgb(251,220,48)
  #fbdc30
  .bg-yellow

  ##fbdc30

• .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

Gradients

• .bg-gradient-cyan-magenta

  Cyan - Magenta
  rgb(37,196,246), rgb(246,55,154)
  #25c4f6, #f6379a
  .bg-gradient-cyan-magenta

  ##25c4f6, #f6379a

• .bg-gradient-red-violet

  Red - Violet
  rgb(237,59,68), rgb(102,67,201)
  #ed3b44, #6643c9
  .bg-gradient-red-violet

  ##ed3b44, #6643c9

• .bg-gradient-yellow-red

  Yellow - Red
  rgb(251,220,48), rgb(237,59,68)
  #fbdc30, #ed3b44
  .bg-gradient-yellow-red

  ##fbdc30, #ed3b44

• .bg-gradient-cyan-green

  Cyan - Green
  rgb(37,196,246), rgb(91,231,69)
  #25c4f6, #5be745
  .bg-gradient-cyan-green

  ##25c4f6, #5be745

Typography

• .h1 - Effra - 50px / 80px / 120px

  h1 heading

• .h2 - Effra - 40px / 64px / 100px

  h2 heading

• .h3 - Effra - 34px / 54px / 80px

  h3 heading

• .h4 - Effra - 30px / 40px / 60px

  h4 heading

• .h5 - Effra - 24px / 32px / 40px

  h5 heading

Other Headers

• .caption - Effra - 12px Caption
• .caption-headline - Effra - 12px Caption Headline
• .eyebrow - Effra - 12px Eyebrow

Paragraphs

• .paragraph, p - Effra - 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?

• .paragraph, p, strong - Effra - 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?

Buttons

Lists

Unordered

• Item 1
• Item 2
• Item 3

Ordered

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

Forms