Style guide
Colors
#FFFFFF
#f5f3ef
#ebe8e0
#183028
#5E7461
#F2FFD1
#183028
#dddddd
#183028
#dddddd
#002aff
#f2ffd1
#dddddd
#797979
#A9A9A9
#4C4C4C
#ff0000
#4B9560
#ff0000
CTAs
Links
Tag
Modal
Typography
H1 Denim INK Desktop: 52px/60px Mobile: 40px/44px Tag/class name: h1, .h1
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H2 Denim INK Desktop: 36px/42px Mobile: 30px/36px Tag/class name: h2, .h2
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H3 Denim INK Desktop: 30px/38px Mobile: 26px/30px Tag/class name: h3, .h3
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H4 Denim INK Desktop: 24px/30px Mobile: 21px/28px Tag/class name: h3, .h3
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H5 Denim INK Desktop: 14px/20px Mobile: 14px/20px Tag/class name: h5, .h5
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H6 Tracking Desktop: 12px/16px Mobile: 12px/16px Tag/class name: h6, .h6
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H7 Tracking Desktop: 24px/30px Mobile: 20px/26px Class name: .h7
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-1 Denim Ink Desktop: 18px/24px Mobile: 16px/22px Class name: .body-1
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-2, Semibold Denim Ink Desktop: 16px/22px Mobile: 14px/20px Class name: .body-2
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-3, Semibold Denim Ink Desktop: 14px/20px Mobile: 14px/20px Class name: .body-3.font-secondary
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.