Eyebrow Text

MASTER Hero Section Template

Purpose: Your go-to layout for hero blocks on any client site.

A supporting paragraph goes here.

Never embed brand colours — always use your neutral placeholder palette.

  • Keep the grid alignment consistent: content anchored to left column start (e.g. column 2).

  • Keep the mobile stacking tested and clean.

MASTER Blank Section Template

It will give you:

  • predictable block spacing

  • predictable mobile stacking

  • reliable white space rhythm

  • faster build times

  • perfect consistency across all client sites

This becomes your “global spacing system” since Squarespace no longer offers real global settings.

You must duplicate this section whenever you need a new section — otherwise each new section will reset to Squarespace’s defaults.

This is exactly how pro SS designers maintain consistency across builds.

Optional Eyebrow

MASTER Split Layout Template

Purpose: Most-used service / about / feature layout.

Rules:

  • Maintain a consistent image height across all “feature” rows.

  • On mobile, image should be first, then text.

  • Always crop images similarly for harmony.

MASTER Two-Column Template

Purpose: Fast, flexible layouts for generic content sections.

Rules:

  • Columns must align to the same vertical margin as the HERO layout (consistency).

  • Use Heading hierarchy rules: never jump from H2 → H4.

  • Keep spacing between blocks to your established rhythm (use empty rows if needed).

MASTER Three-Column

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Past Clients

Client Name

Client Name

Client Name

MASTER List Section Template

  • Service Cards

    This saves you MASSIVE time.
    Just a simple card layout you can clone and re-skin per client.

  • Team Cards

    This saves you MASSIVE time.
    Just a simple card layout you can clone and re-skin per client.

  • Features

    This saves you MASSIVE time.
    Just a simple card layout you can clone and re-skin per client.

MASTER Accordion Section Template

Accordion styles vary wildly across templates.
Set your neutral:

  • font sizes

  • padding

  • divider colour

  • open/close icon style

Save it once → never adjust again.

  • Description text goes here
  • Description text goes here
  • Description text goes here
  • Item description

p.s. All of these services include our signature Brand Strategy.

MASTER Gallery Template

Variant A: Uniform Grid

Purpose: (Use for portfolios, testimonials, or image collections.)

Rules:

  • Never mix ratio and masonry within one page — pick a single gallery style per site.

  • Establish one consistent gap across all galleries.

  • Keep image file names tidy for SEO (you can note this in your Start Here page).

Variant B: Masonry Grid (below)

  • Added from the Classic Editor sections.

For pages like —

MASTER Longform

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Quam adipiscing vitae proin sagittis nisl rhoncus mattis. Rhoncus dolor purus non enim praesent elementum.

“Donec enim diam vulputate ut. Ac odio tempor orci dapibus ultrices in iaculis nunc sed. Senectus et malesuada fames ac turpis.”


Velit dignissim sodales ut eu sem. Arcu non odio euismod lacinia at quis risus. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae nunc. Faucibus in ornare quam viverra orci sagittis. In hac habitasse platea dictumst vestibulum. Diam in arcu cursus euismod quis viverra nibh cras pulvinar. Elementum nibh tellus molestie nunc non blandit massa enim.

Master FAQs

Check out the video walkthrough.

Video Block
Double-click here to add a video by URL or embed code. Learn more
  • If you purchase a copy, I'll send you an invitation to add it to your Squarespace account. Your copy will be in "trial" for about 6 months and you'll have the option of extending that trial when you get an email from Squarespace that your trial is expiring.

    Or, if you want, you can pay Squarespace for hosting so it won't expire.

    Build your own commonly used sections on the sections page and edit the other pages to make them your own.

    When you are ready to kick off a client project, you can duplicate your copy and have a lot of the work already done for you! 🎉

  • You'll duplicate it, then that duplicated copy will be the start of your client site.

    You can save sections to reuse across the pages you're building.

    You'll want to move all these pages to Not Linked and delete any you don't want your client to see.

  • Those are to edit and leave in the Not Linked section for your client. I go into detail on them in my 2023 Squarespace Circle talk on client offboarding. You can watch it here.

  • When you change your Colors and Fonts this lets you preview how they look across several color themes.

  • I used https://coolors.co/ - that's how I got the link for the color palette too.

Recent work

 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta dapibus elit vel mattis. Curabitur at nisl quam. Vivamus felis est, scelerisque et odio ut, lacinia venenatis ante.

 
Summary Block
This is example content. Double-click here and select a page to feature its content. Learn more

Get in touch

email@example.com
(555) 555-5555

Eyebrow Text

MASTER CTA Section Template

Purpose: Call-to-action blocks that appear mid-page or before footer.

Rules:

  • Keep CTA contrast high — text must meet WCAG easily.

  • Remove all unnecessary blocks to avoid clutter.

  • For client sites, replace background with brand colour or soft image wash.