design

style

guide

Colors

• Colors

• Color 00

  #F2F2F2

  rgba(242, 242, 242, 1)

• Color 01

  #F2ACBF

  rgba(242, 172, 191, 1)

• Color 02

  #7ED1F2

  rgba(125, 209, 242, 1)

• Color 03

  #E9545A

  rgba(233, 84, 90, 1)

• Color 04

  #F0C65E

  rgba(240, 198, 94, 1)

• Color 05

  #7CB686

  rgba(124, 182, 134, 1)

• Color 06

  #4C97BE

  rgba(76, 151, 190, 1)

• Color 07

  #8B74C0

  rgba(139, 116, 192, 1)

• Color 08

  #4c4c4c

  rgba(76, 76, 76, 1)

• Gradient

• Moving gradient

• Style

  Sizes

  Font family:

• Heading One

  60px / 54px / 48px

  DM Serif Display

• Heading Two

  45px / 39px / 33px

  Onest

• Heading Three

  35px / 29px / 23px

  Onest

• Heading Four

  25px / 19px / 18px

  Onest

• "Quote text, bold example, Link example"

  25px / 19px / 18px

  DM Serif Display

• Intro text, bold example, Link example

  25px / 19px / 18px

  Onest

• Body text, bold example, Link example

  18px / 16px / 16px

  Onest

Buttons

• Button

  Placement

• read more

  Regular

• read more

  Reverse

• read more

  Reverse black

Text examples

Sub-section title with intro paragraph

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

"Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi provident vitae nostrum deserunt mollitia minus autem sed. Commodi! "

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.