STYLE Guide
A quick-reference cheat sheet for typography, color themes, pattern anchor codes, and more.
Need Additional Help?
Try these helpful links:
Contact Customer Support (Live Chat or Email) Squarespace Community Forum
or feel free to email me anytime at jeff@hellothisisjeff.com
Section Color Theme: Lightest 1
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Bold + Custom Hex Code Color
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Bold + Custom Hex Code Color
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Bold + Custom hex code color
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Bold + Custom hex code color
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 1 Button Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Lightest 2
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Light 1
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Light 2
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Bright 1
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Bright 2
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Dark 1
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Dark 2
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Darkest 1
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here
Section Color Theme: Darkest 2
Typography
Heading 1
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 2
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 3
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Heading 4
Bold
Italic
Link
Color
Palette Color with Highlight
Custom Hex Code Color + (Transparent) Highlight
Paragraph 1:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Paragraph 3:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Link
Quote style – Lorem ipsum dolor sit amet, consectetur adipiscing elit.
“Whatever it is, the way you tell your story online can make all the difference.”
Buttons
Lists
Regular unordered and ordered list styles (Paragraph 1)
Bullet list
Bullet list
Ordered List
Ordered List
Accordions
-
Description text goes here
-
Description text goes here
-
Description text goes here