Style guide
Colors
#ffffff
#ECE6E1
#F1BE48
#000000
#797979
#000000
#797979
#8D65FF
#8D65FF
#797979
#5F8FB4
#A7BDB1
#AF95A6
#C0A392
#E56A54
#F68D2E
#4B9560
#A9C47F
CTAs
Links
Tag
Modal
Accordion
Typography
H1 GT Planar, Light Desktop: 52px/60px Mobile: 40px/48px Tag/class name: h1, .h1
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H2 GT Planar, Light Desktop: 36px/42px Mobile: 30px/40px Tag/class name: h2, .h2
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H3 GT Planar, Light Desktop: 30px/38px Mobile: 26px/34px Tag/class name: h3, .h3
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H4 GT Planar, Light Desktop: 24px/30px Mobile: 21px/28px Tag/class name: h3, .h3
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H5 GT Planar, Regular Desktop: 14px/20px Mobile: 14px/20px Tag/class name: h5, .h5
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
H6 GT Planar, Medium Desktop: 12px/16px Mobile: 12px/16px Tag/class name: h6, .h6
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-1 GT Planar, Regular Desktop: 18px/24px Mobile: 16px/22px Class name: .body-1
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-1-m GT Planar, Medium Class name: .body-1-m
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-2 GT Planar, Regular Desktop: 16px/22px Mobile: 16px/22px Class name: .body-2
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-2-m GT Planar, Medium Class name: .body-2-m
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-3 Matter Mono, Regular Desktop: 16px/22px Mobile: 16px/22px Class name: .body-3.font-secondary
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-3-m Matter Mono, Medium Class name: .body-3-m.font-secondary
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-4 GT Planar, Regular Desktop: 14px/20px Mobile: 14px/20px Class name: .body-4
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-4-m GT Planar, Medium Class name: .body-4-m
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-5 Matter Mono, Regular Desktop: 14px/20px Mobile: 14px/20px Class name: .body-5.font-secondary
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.
body-5-m Matter Mono, Medium Class name: .body-5-m.font-secondary
Desktop: Clean formulas, clear results.
Mobile: Clean formulas, clear results.