Colors

Red

Moroccan Red

HSL(4, 54, 31)

Burgundy

hsl(346, 100, 30)

Crown of Thorns

hsl(355, 57, 45)

Orange

Apricot Orange

hsl(24, 90, 84)

Burning Orange

hsl(16, 98, 58)

Rust

hsl(18, 86, 39)

Yellow

Egg White

hsl(51, 100, 87)

School Bus Yellow

hsl(52, 100, 50)

Lion Color

hsl(34, 43, 49)

Green

Green Smoke

hsl(70, 22, 58)

Costa del Sol

hsl(64, 33, 30)

Mediteranean Teal

hsl(177, 12, 31)

Blue

Rainy Days

hsl(185, 7, 68)

Venice Blue

hsl(196, 91, 25)

Dark Night

hsl(204, 29, 18)

Purple

French Lilac

hsl(248, 23, 80)

Voodoo

hsl(296, 27, 35)

Matterhorn

hsl(323, 18, 25)

Fonts

Bodoni

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Gill Sans

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Open Sans

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Raleway

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Lato

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Pacifico

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

Text styles

H1: Main page heading

Font-weight: 800 (bold)
Font-size: 28px
Font-family: Raleway

H2: Subheading

Font-weight: 600 (semi-bold)
Font-size: 20px
Font-family: Lato

P: Paragraph text

Font-weight: 400 (regular)
Font-size: 16px
Font-family: Lato