Anchor & Orbit Website Styles

Here you can reference the typography hierarchy, color application, and the use of saved sections that are aligned with your branding. Please also view the video available in the button below on how to use this guide, as well as the built-in Squarespace style features.

Typography Hierarchy

This is Heading 1

This is your largest text. Use this for titles of your pages or sections. The copywriting for these should be 1 - 5 words.

This is Heading 2

This is your second largest text. Use this for any sub-titles of your pages or sections. The copywriting for these should be about the length of a sentance.

This is Heading 3

This is your second sub-heading. Use this for titles for multiple items like lists

This is Heading 4

This is your smallest heading. Use this for sub-titles in groups of items like lists, or longer-form statements that are 1-2 sentences long.

This is Paragraph 1

This is your largest paragraph or body text. Use shorter-form body text.

This is Paragraph 2

Use this for the majority of your longform copy, with 1-3 paragraphs.

This is Paragraph 3

This is your smallest paragraph size, use this for footnotes, or secondary body information.

Color Guide

Below are the suggested section background color schemes when adding new sections to the website. Each section has colors already assigned to the elements such as the texts and buttons. The order of these background section colors reflect the frequency of their use. I.e. Primary Section Background - Light, would be used first, then followed by the descending color schemes, to distinguish between sections which include different information.

Primary Section Background Color Scheme - Light

This is called “Lightest 1” under the Squarespace global styles color palette. This is a primary section background color scheme in light.

Text color should be Ink, emphasis text should be Red (only use in headings).

Secondary Section Background Color Scheme - Light

This is called “Light 1” under the Squarespace global styles color palette. This is a primary section background color scheme in light.

Text color should be Ink, emphasis text should be red (only use in headings).

Primary Section Background Color Scheme - Dark

This is called “Dark 1” under the Squarespace global styles color palette. This is a primary section background color scheme in light.

Text color should be white, emphasis text should be Ink (only use in headings).

Do not use the red color in the text or buttons with this colored background.

Secondary Section Background Color Scheme - Dark

This is called “Darkest 1” under the Squarespace global styles color palette. This is a primary section background color scheme in light.

Text color should be white, emphasis text should be in red (only use in headings)

Teritary Section Background Color Scheme - Light

This is called “Bright 2” under the Squarespace global styles color palette. This is a primary section background color scheme in light.

Text color should be white, emphasis text should be in Ink (only use in headings)