Style guide

Banner heading

Text color: #FFFFFF

Paragraphs

Background color: #FFFFFF
Text color: #3C3E43
Font size: 14px
Link color: #00569B
Link hover color: #003865

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.

Headings

H1

Text color: #00569B
Font size: 28px

H2

Text color: #00569B
Font size: 20px

H3

Text color: #00569B
Font size: 15px

H4

Text color: #00569B
Font size: 15px

H5

Text color: #00569B
Font size: 15px

H6

Text color: #00569B
Font size: 15px

Buttons

Primary
Background color (active): #DD3330
Background color (hover): #A51E1B
Text color: #FFFFFF

Primary button

Secondary
Background color (active): #00569B
Background color (hover): #003865
Text color: #FFFFFF

Secondary button

Heading

Subheading

Subheading

Background color: #BEBEBE
Heading color: #3C3E43
Text color: #3C3E43

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu.

Primary button

Secondary button

Heading

Subheading

Subheading

Background color: #3A74BC
Heading color: #FACD61
Text color: #FFFFFF

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu.

Primary button

Secondary button

Heading

Subheading

Subheading

Background color: #FFFFFF
Heading color: #00569B
Text color: #3C3E43

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu.

Primary button

Secondary button

Heading

Subheading

Subheading

Background color: #535353
Heading color: #8cbffe
Text color: #FFFFFF

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec qu.

Primary button

Secondary button

Search our shop