Button L
Button L
Button L
Button L
Button L
Button L
Take the Quiz
Button L
Button L
Button M
Button M
Button M
Button M
Button M
Button S
Button S
Button S
Button S
Button S
Button XS
Button XS
Barlow 64px 80px
c-title-1
Barlow SemiCond 64px 80px
c-title-1
Barlow SemiCond Semibold 64px 80px
c-title-1
Barlow 48px 60px
c-title-2
Barlow SemiCond 48px 60px
c-title-2
Barlow SemiCond Semibold 48px 60px
c-title-2
Barlow 40px 56px
c-title-3
Barlow SemiCond 40px 56px
c-title-3
Barlow SemiCond Semibold 40px 56px
c-title-3
Barlow 40px 56px
c-title-3 Mobile
Barlow SemiCond 40px 56px
c-title-3 Mobile
Barlow SemiCond Semibold 40px 56px
c-title-3 Mobile
Barlow 32px 48px
c-title-4
Barlow SemiCond 32px 48px
c-title-4
Barlow SemiCond Semibold 32px 48px
c-title-4
Barlow 28px 44px
c-title-5
Barlow SemiCond 28px 44px
c-title-5
Barlow SemiCond Semibold 28px 44px
c-title-5
Barlow 24px 40px
c-title-6
Barlow SemiCond 24px 40px
c-title-6
Barlow SemiCond Semibold 24px 40px
c-title-6
Barlow 20px 36px
c-text-1
Barlow SemiCond 20px 36px
c-text-1
Barlow SemiCond Semibold 20px 36px
c-text-1
Barlow 18px 34px
c-text-2
Barlow SemiCond 18px 34px
c-text-2
Barlow SemiCond Semibold 18px 34px
c-text-2
Barlow 16px 32px
c-text-3
Barlow SemiCond 16px 32px
c-text-3
Barlow SemiCond Semibold 16px 32px
c-text-3
Tag
Tag
Containers
Title Wrapper: Defines the space between titles and content. Every title should be inside this wrapper.
CTA Wrapper: Defines the space between CTA and content. Every CTA (ie. Buttons) should be inside this wrapper.