Typography

H1 Libre Baskerville Regular 42px line-height 130%

H2 Libre Baskerville Bold 32px lineheight 140% lorem ipsum dolor sit amet viverra

H3 Libre Baskerville Bold 28px lineheight 140% lorem ipsum dolor sit amet viverra tempus

H4 Libre Baskerville Bold 22px lineheight 140% lorem ipsum dolor sit amet viverra tempus

H4 Alternative – Roboto Bold 24px lineheight 140% lorem ipsum dolor sit amet viverra tempus

H5 Roboto Bold 20px lineheight 140% lorem ipsum dolor sit amet viverra tempus
H6 Roboto Regular 14px lineheight 150% lorem ipsum dolor sit amet viverra tempus

Label L Roboto Regular 15px lineheight 150% lorem ipsum dolor sit amet viverra tempus

Label M Roboto Regular 13px lineheight 150% lorem ipsum dolor sit amet viverra tempus

Label S Roboto Regular 11px lineheight 150% lorem ipsum dolor sit amet viverra tempus

Ingress (lead) Roboto Medium 22px lineheight 150% Quisque risus condimentum commodo porta morbi cras nunc. Diam molestie tristique non tempus varius ligula.

Body text L Roboto Regular 18px lineheight 150% Quisque risus condimentum commodo porta morbi cras nunc. Diam molestie tristique non tempus varius ligula.

Body text S Roboto Regular 16px lineheight 150% Quisque risus condimentum commodo porta morbi cras nunc. Diam molestie tristique non tempus varius ligula. Diam molestie tristique non tempus varius ligula.

Link text Roboto Bold 16px lineheight 140% letter spacing -3% Quisque risus condimentum commodo porta morbi cras nunc. Diam molestie tristique non tempus varius ligula. Purus faucibus dui viverra vel ac. Pulvinar sodales donec iaculis lacus faucibus et vitae vitae at.

Quote Libre Baskerville Italic 28px lineheight 150% Quisque risus condimentum commodo porta morbi cras nunc.

Others not in figma guidelines:

H6 Alternative – Roboto Regular 14px lineheight 150% lorem ipsum dolor sit amet viverra tempus

Buttons

Small buttons

Normal buttons

Large buttons

Links

Link as text Link as button
Link as text on primary bg
Link as text on secondary bg

Forms

Text field

Various fields

Checkbox

Radio buttons

Seco background

Box line color: Pine 50% #FFD9C5

Deep blue 10% background

Box line color: Deep blue 25% #BFCCD0

Breadcrumbs

Bulletlists

  • Unordered list 1
  • Unordered list 2
  • Unordered list 3
  1. Ordered list 1
  2. Ordered list 2
  3. Ordered list 3
  • Unstyled list
  • Unstyled list 2
  • Unstyled list 3
  • Inline list
  • Inline list 2
  • Inline list 3

Fontawesome Icons

bars
search
arrow-right-long
xmark
sort-down
angle-down
calendar-days
envelope
phone
location-dot
circle-info
plus
minus
Find more here. Currently using FontAwesome Pro v6.1.1.

Gravity forms

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus consectetur tincidunt arcu accumsan pretium.
  • This field is required.