Style guide
Colors
Body background
Background 1
Background 2
Text heading 1
Text heading 2
Text heading 3
Text body 1
Text body 2
Text body 3
Link text
Link hover
Alert 1
Error
Success
Accent 1
Accent 2
Accent 3
State active
State inactive
CTAs
Button primary
Button secondary
Button tertiary
Typography
H1 Hrot, Semibold Desktop: 48/60px Mobile: 40/50px Tag/class name: h1, .h1
Desktop: Feel good clothing
Mobile: Feel good clothing
H2 Hrot, Semibold Desktop: 32/44px Mobile: 24/34px Tag/class name: h2, .h2
Desktop: Feel good clothing
Mobile: Feel good clothing
H3 Hrot, Semibold Desktop: 20/28px Mobile: 18/26px Tag/class name: h3, .h3
Desktop: Feel good clothing
Mobile: Feel good clothing
H4 Hrot, Semibold Desktop: 16/24px Mobile: 14/20px Tag/class name: h4, .h4
Desktop: Feel good clothing
Mobile: Feel good clothing
H5 Hrot, Semibold Desktop: 10/14px Mobile: 10/14px Tag/class name: h5, h6, .h5, .h6
Feel good clothing
Body 1, Body 1 Bold Diatype: Regular, Bold Desktop: 16/22px Mobile: 16/22px Tag/class name: .text-body-large
Feel good clothing
Feel good clothing
Body 2, Body 2 Bold Diatype: Regular, Bold Desktop: 14/20px Mobile: 14/20px Tag/class name: text-body, .text-body-base
Feel good clothing
Feel good clothing
Body 3, Body 3 Bold Diatype: Regular, Bold Desktop: 12/18px Mobile: 12/18px Tag/class name: .text-body-small
Feel good clothing
Feel good clothing