My Website Style Guide

Colours

Midnight Green

#073b4c

Caribbean Green

#06d6a0

Queen Blue

#587291

Fonts

Barlow

The Owl and the Pussy-cat went to sea

In a beautiful pea-green boat

They took some honey, and plenty of money

Noto Serif Display

Wrapped up in a five-pound note

The Owl looked up to the stars above

And sang to a small guitar

Roboto Mono

"O lovely Pussy! O Pussy, my love

What a beautiful Pussy you are!

What a beautiful Pussy you are!"

Text Styles

<h1> Main page heading

Font family: Noto Serif Display

Font size: 45px

Font style: Bold

The Owl and the Pussy-cat went to sea

<h2> Section headings

Font family: Barlow

Font size: 35px

Font style: Regular

The Owl and the Pussy-cat went to sea

<h3> Article headings

Font family: Barlow

Font size: 25px

Font style: Bold

The Owl and the Pussy-cat went to sea

<p> Paragraph text

Font family: Barlow

Font size: 20px

Font style: Regular

The Owl and the Pussy-cat went to sea

Diagram labels and buttons

Font family: Roboto Mono

Font size: 20px

Font style: Regular

The Owl and the Pussy-cat went to sea

Quotes

Font family: Noto Serif Display

Font size: 20px

Font style: Italic

The Owl and the Pussy-cat went to sea

Image captions

Font family: Barlow

Font size: 15px

Font style: Italic

The Owl and the Pussy-cat went to sea