Typography

Heading 1Font size: 60px, Line Height 1.2, Weight: 500

Heading H1 Title

Heading 2Font size: 40px, Line Height 1.2, Weight: 600

Heading H2 Title

Heading 3Font size: 26px, Line Height 1.3, Weight: 600

Heading H3 Title

Heading 4Font size: 16px, Line Height 1.3, Weight: 500

Heading H4 Title

Paragraph (body)Font size: 14px, Line Height 1.2, Weight: 500

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu ligula ex. Suspendisse pharetra placerat metus quis fringilla. Pellentesque accumsan velit ac urna congue maximus. Morbi sodales pellentesque pharetra. Phasellus sollicitudin enim id ex tempus vehicula. Nullam rhoncus sapien et eros interdum, eu dictum odio rhoncus. Suspendisse luctus ipsum ut mauris vestibulum consectetur.

.text-20Font size: 20px, Line Height 1.3, Weight: 600

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu ligula ex. Suspendisse pharetra placerat metus quis fringilla. Pellentesque accumsan velit ac urna congue maximus. Morbi sodales pellentesque pharetra. Phasellus sollicitudin enim id ex tempus vehicula. Nullam rhoncus sapien et eros interdum, eu dictum odio rhoncus. Suspendisse luctus ipsum ut mauris vestibulum consectetur.

.text-17Font size: 17px, Line Height 1.2, Weight: 700

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu ligula ex. Suspendisse pharetra placerat metus quis fringilla. Pellentesque accumsan velit ac urna congue maximus. Morbi sodales pellentesque pharetra. Phasellus sollicitudin enim id ex tempus vehicula. Nullam rhoncus sapien et eros interdum, eu dictum odio rhoncus. Suspendisse luctus ipsum ut mauris vestibulum consectetur.

.text-16Font size: 16px, Line Height 1.2, Weight: 500

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu ligula ex. Suspendisse pharetra placerat metus quis fringilla. Pellentesque accumsan velit ac urna congue maximus. Morbi sodales pellentesque pharetra. Phasellus sollicitudin enim id ex tempus vehicula. Nullam rhoncus sapien et eros interdum, eu dictum odio rhoncus. Suspendisse luctus ipsum ut mauris vestibulum consectetur.

Buttons:

PrimaryClass name: button-primary
SecondaryClass name: button-secondary
Border ButtonClass name: button-border

Colors:

Grey
Light Grey
Background Primary
Button
Brand Primary
Brand Secondary