My website style guide

Colours

Mindaro

#FFFD98

Celedon

#BDE4A7

Celedon 2

#B3D2B2

Powder Blue

#9FBBCC

Vista Blue

#7A9CC6

At this point I should probably describe how these colours should be used. I'm not sure for now. I may consider changing them later.

Font

Roboto

The quick brown fox jumps over the the lazy dog

The quick brown fox jumps over the the lazy dog

The quick brown fox jumps over the the lazy dog

Nunito Sans

The quick brown fox jumps over the the lazy dog

The quick brown fox jumps over the the lazy dog

The quick brown fox jumps over the the lazy dog

Source Code Pro

The quick brown fox jumps over the the lazy dog

The quick brown fox jumps over the the lazy dog

The quick brown fox jumps over the the lazy dog

Text Styles

I mostly just copied from the example as I don't really know what I what

H1: Main Page heading

H2: Subheading

P: Paragraph text

Additional styles

This is where I can add additional details for further consistancy. For example, this could include:

If looking for inspiration, Codecademy offers to look at these sites: