Style Guide

Colors

  • $black
    #000000
  • $black-transparent
    rgba(0,0,0,0.5)
  • $blue-dark
    #252462
  • $blue-medium
    #438CC7
  • $blue-light
    #9FD5E3
  • $blue-pastel
    #F2FAFB
  • $white
    #FFFFFF
  • $white-transparent
    rgba(255,255,255,0.5)

Type Styles

  • Heading 1
  • Heading 2
  • Heading 3
  • Heading 4
  • Heading 5
  • Heading 6
  • Heading 7
  • Subheading
  • Subheading Small
  • Body: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
  • Body Italic: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
  • Body Bold: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
  • Body Bold Italic: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.
  • Caption: Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod harum ipsum illo rem praesentium eligendi velit est fuga! Delectus, maxime natus! Odit non dicta laudantium aperiam repudiandae ipsum quae amet.