Site Styling

 

Typography & Button

Squarespace allows users to set up styles for type on the site’s main background color or type on a background image. Anywhere where there is custom background colors or where contrast is an issue, use the code block to designate the correct header level.

Example:

<h1 style="color:#00D59F;"> This is an example </h1>

Header 1

Header 2

Header 3

Subheader

Body

 
 

Color

Primary

#00D69F

#33DEB2

#66E6C5

#00D69F

#00D69F

#00444D

#336970

#668E94

#99B4B7

#CCD9DB

Secondary

#9563FF

#AA82FF

#BFA1FF

#D4C0FF

#E9DFFF

#FF8500

#FF9D33

#FFB566

#FFCE99

#FFE6CC

#FFCA00

#FFD433

#FFDF66

#FFE999

#FFF4CC

#017AFF

#3394FF

#66AFFF

#99C9FF

#CCE4FF

#F6224A

#F74E6E

#F97A92

#FBA6B6

#FDD2DA

Grays

#454F59

#CAD0D9

#F5F7FA