My Website Style Guide

Colors

Primary Color Palette
#faf9fe
#efecfa
#d6d0f3
#beb5ec
#a59be5
#8780dc
#6665d4
#4550cc
#043bc1
#192f94
Secondary Color Pallete
#fef9f9
#fbe9ec
#f5cad1
#eeaab5
#e88898
#d26b7c
#ad5866
#904955
#723a43
#5a2e35
Neutral Color Palette
#f1f3f8
#e8e9ee
#d3d4d9
#bcbdc2
#a6a7ab
#919297
#7a7b7f
#65666c
#4e4f55
#3a3b40

Fonts

Playfair Display

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Raleway

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Source Code Pro

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Jelly sweet roll jelly beans biscuit pie macaroon chocolate donut.

Typography

Scale Category Typeface Weight Size Case Letter Spacing

Heading 1

Playfair Display Light 96 Capitalize -1.5

Heading 2

Playfair Display 300 60 Capitalize -0.5

Heading 3

Playfair Display 400 48 Capitalize 0

Heading 4

Playfair Display 400 34 Capitalize 0.25
Heading 5
Playfair Display 400 24 Capitalize 0
Heading 6
Playfair Display 500 20 Capitalize 0.15
Subtitle 1 Playfair Display 400 16 Capitalize 0.15
Subtitle 2 Playfair Display 500 14 Capitalize 0.1
Body 1 Raleway 400 16 Capitalize 0.5
Body 2 Raleway 400 14 Capitalize 0.25
Button Raleway 500 14 Uppercase 1.25
Caption Raleway 400 12 Capitalize 0.4
Overline Raleway 400 10 Uppercase 1.5

Buttons