squarespace.com

Website builder with a monochrome, photography-led brand. squarespace.com's landing page is built with Three.js and set in Clarkson, Clarkson Serif, ClarksonLight. Its palette centers on #898989, #DDDDDD, #2F2F2F.

Color palette

What we detected

Use this palette as CSS variables

:root {
  --squarespace-color-1: #898989;
  --squarespace-color-2: #DDDDDD;
  --squarespace-color-3: #2F2F2F;
  --squarespace-color-4: #E7E7E7;
  --squarespace-color-5: #999999;
  --squarespace-color-6: #0E0E0E;
  --squarespace-font: "Clarkson", system-ui, sans-serif;
}

Rebuild something in this style with Claude

Paste this into Claude Code, Claude, ChatGPT or Cursor with Enrichr connected. It borrows the system, not the content: your copy, your brand, squarespace.com's rhythm.

Use Enrichr to extract the design system from https://www.squarespace.com.
Write tokens.css from the captured values (palette, type scale,
spacing, radii, easings), then build a hero in that style using
my own copy. List anything you had to guess.

squarespace.com design FAQ

What font does squarespace.com use?

squarespace.com's landing page loads Clarkson, Clarkson Serif, ClarksonLight. A font you can see on a site is licensed to that site, so check the foundry's terms or pick a free alternative before using it yourself.

What colors does squarespace.com use?

The most used colors on squarespace.com's landing page are #898989, #DDDDDD, #2F2F2F, #E7E7E7, #999999, #0E0E0E, ranked by how often they appear in the rendered page.

Does squarespace.com use GSAP, Three.js or another animation library?

Yes. We detected Three.js running on the landing page.

How do I get squarespace.com's full design system?

Connect Enrichr to Claude, ChatGPT or Cursor and ask for the design system of https://www.squarespace.com. It captures the rendered page and returns the full token set (type scale, spacing, radii, easings) plus animation timings and any WebGL shaders.

More from the gallery

oryzo.aigithub.comcloudflare.comneon.com

Captured 2026-10-14 from the site's public landing page. Only publicly observable information is shown, and it can change as the site does. All names and trademarks belong to their owners; Enrichr is not affiliated with squarespace.com.