Colours
Primary colour palette
Orange
#E87722
Royal
#003DA5
Cyan
#009AE4
Navy
#00205B
White
#FFFFFF
Black
#000000
Coal
#191919
Feedback colours
Success
#00865A
Warning
#D43900
Error
#A50000
Neutral colours
#FAFBFB
#E5F5FC
#F7F8F9
H1 Heading
H2 Heading
H3 Heading (Semibold) / H3 Heading (Normal)
H4 Heading (Medium) / H4 Heading (Normal)
H5 Heading
H6 Heading
Large Body Copy
Lorem ipsum dolor sit amet consectetur. Convallis sit dictum tellus duis mauris eu. Sapien sit bibendum sit lorem nec nec. Etiam sed sagittis bibendum dictumst pellentesque condimentum odio. Ut eu ut id tortor id id. Scelerisque nec et consectetur pulvinar at rhoncus.
Standard Body Copy
Lorem ipsum dolor sit amet consectetur. Convallis sit dictum tellus duis mauris eu. Sapien sit bibendum sit lorem nec nec. Etiam sed sagittis bibendum dictumst pellentesque condimentum odio. Ut eu ut id tortor id id. Scelerisque nec et consectetur pulvinar at rhoncus.
- Lorem ipsum dolor sit amet consectetur, convallis sit dictum
- Lorem ipsum dolor sit amet consectetur, convallis sit dictum
- Lorem ipsum dolor sit amet consectetur, convallis sit dictum
Small Body Copy
Lorem ipsum dolor sit amet consectetur. Convallis sit dictum tellus duis mauris eu. Sapien sit bibendum sit lorem nec nec. Etiam sed sagittis bibendum dictumst pellentesque condimentum odio. Ut eu ut id tortor id id. Scelerisque nec et consectetur pulvinar at rhoncus.
- Lorem ipsum dolor sit amet consectetur, convallis sit dictum
- Lorem ipsum dolor sit amet consectetur, convallis sit dictum
- Lorem ipsum dolor sit amet consectetur, convallis sit dictum
Buttons
Light Background
Dark Background
With Symbols
Filter
Imagery
Cards
Default (Featured)
Default
Contact (Without Link)
Chair, QBE European Operations Foundations
Contact (With Link)
Chair, QBE European Operations Foundations
Default (With Button)
Lorem ipsum dolor sit amet consectetur. Massa volutpat a sit lectus nunc tincidunt nisl quam fringilla habitasse laoreet.
Download
QBE Mid-Market Solutions
Lorem ipsum dolor sit amet consectetur. Massa volutpat a sit lectus nunc tincidunt nisl quam fringilla habitasse laoreet.
Default
Compact
Card Label
Construction Insurance with QBE
Compact
Card Label
Construction Insurance with QBE
Spacing
5px / 0.5rem
10px / 1rem
15px / 1.5rem
20px / 2rem
25px / 2.5rem
30px / 3rem
40px / 4rem
50px / 5rem
100px / 10rem
150px / 15rem
200px / 20rem