How to Find What Squarespace Template a Site Is Using

5 min read

You stumbled on a gorgeous Squarespace site and thought, "I need to build something like that." Your first question: what template are they using? And while you're at it, what fonts? What colors?

The good news: you can find out. Squarespace isn't hiding this information—it just takes a bit of digging. Let's walk through both the manual detective work and the dead-simple shortcut.

The Manual Way: Checking the Template

Squarespace websites embed their template information right in the HTML. Here's how to find it.

Step 1: Open the page source

Right-click on the Squarespace site and select "View Page Source" (or press Ctrl+U on Windows, Cmd+U on Mac).

Step 2: Search for the template identifier

Press Ctrl+F (or Cmd+F) and search for data-template or Squarespace.templateId. You'll find something like:

<body data-template="brine">

That's your template name. In this case, it's Brine.

Step 3: The Squarespace 7.1 curveball

Squarespace launched version 7.1 in 2020, and they unified their template system. You might see data-template="layout-scope" instead. This means the site is using the unified template system, and the actual design comes from style settings and custom CSS rather than a classic template like Brine or Bedford.

Identifying the Fonts

Once you know the template, you'll want to spot the typography. Here's the fastest way:

  • Open DevTools: Right-click any text on the site and select "Inspect" (or press F12, then click the element inspector).
  • Check the Computed tab: Look for the font-family property. You'll usually see something like "Avenir Next" or "Circular Std".
  • Search for Google Fonts: In the page source, search for fonts.googleapis.com. Squarespace often uses Google Fonts, so you'll see the exact name and weight.
  • Look for CSS variables: Search for --sqs-font-family or similar. Squarespace stores font settings in custom properties.

Write down the font family and any weights you see (400, 600, 700, etc.). If it's a Google Font, you can grab it instantly for your own project.

Finding the Color Palette

Colors are equally visible if you know where to look:

  • DevTools color picker: In the Inspector, hover over any color value in the styles panel. Click it to see the full color picker.
  • CSS custom properties: Search the page source for --sqs or --theme. Squarespace stores color values as variables, like --sqs-color-primary: #000000.
  • The palette appears early: Squarespace usually defines colors in a <style> block near the top of the page. Scan there first.

Screenshot or note the hex codes as you find them. You now have the exact palette the designer chose.

The Easy Way: Use Our Tool

If manual inspection feels tedious, we built a tool that does this in seconds.

Just visit squarespace-backup.netlify.app, paste the Squarespace URL, and hit analyze. You'll get:

  • The exact template (or template system)
  • All fonts used on the site
  • The complete color palette
  • Third-party integrations (forms, CMS, memberships, etc.)
  • Bonus: pixel-perfect screenshots of every page ($2.99)

The theme report is free. No signup, no email. Just paste and go.

Common Squarespace Templates and What They're Known For

Brine

The most versatile and popular template. Works for portfolios, agencies, ecommerce, and blogs. Clean grid layout with flexible customization.

Bedford

Grid-based portfolio template. Focuses on image-heavy layouts with strong visual hierarchy. Popular with photographers and designers.

Farro

Bold typography focus. Large, confident headlines and a modern feel. Great for studios, agencies, and creatives who want personality.

Skye

Minimal portfolio template. Clean, spacious, and subtle. Works well for photographers, illustrators, and anyone wanting a quiet, elegant presence.

Pendulum

Left-aligned, column-based layout. Great for portfolios and editorial work. Images and text flow in a dynamic, staggered pattern.

Hayden

Masonry grid layout. Images and content flow organically. Popular for portfolios, galleries, and visual-first brands.

Asbury

Built for blogs. Prioritizes readability with a classic post-list layout. Good typography defaults and clean navigation.

Layout Scope (7.1)

The unified Squarespace 7.1 template. All modern Squarespace sites can use this with different style settings. Design is determined by CSS and customization, not a preset template.

Get a Full Theme Report in Seconds

Stop guessing. Paste any Squarespace URL and get the template, fonts, colors, and integrations instantly.

Analyze a Site

Why This Matters

Knowing the template and design details of a site you admire isn't just about copying—it's about learning. You see how pros combine typography, color, and layout. You spot the templates that work for your industry. And you can make smarter decisions about which direction to take your own site.

Whether you do the detective work manually or use our tool, now you have the knowledge to identify any Squarespace site. Go forth and get inspired.