Button L

Take the Quiz

Button L

Button M

Button S

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

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.