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.
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
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
- Ordered list 1
- Ordered list 2
- Ordered list 3
- Unstyled list
- Unstyled list 2
- Unstyled list 3
- Inline list
- Inline list 2
- Inline list 3
Fontawesome Icons
search
arrow-right-long
xmark
sort-down
angle-down
envelope
phone
location-dot
circle-info
plus
minus