Squarespace: cinematic website-builder landing with overlapping example sites

Tier: inspiration
Roles: hero, proof, feature, explainer, faq, closing, footer
Feel: light, dark, premium, editorial
Motion: pan, reveal
Source: public-site
Site: https://www.squarespace.com/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-10-05
Captures: frames: https://images.refero.design/styles/refero.design/video/7a27c301-7f43-4df5-8872-7a99d164958c.mp4
both: https://www.squarespace.com/

What it does

A cinematic brand film supports a centered website-builder statement. Overlapping example websites form a proof layer, followed by growth metrics, templates, platform capabilities and a large closing invitation.

Section roster

1. Cinematic website opening. 2. Overlapping customer websites. 3. Growth metrics. 4. Template and platform examples. 5. Website selection gallery. 6. FAQ and closing.

Why it works

Realistic example sites demonstrate the product before detailed feature copy. Alternating white and black sections gives the lengthy platform story a clear rhythm.

Source and capture notes

Refero [style page](https://styles.refero.design/style/8618f649-6d1c-45ca-aff8-e7f04928d8dd) and [recorded video](https://images.refero.design/styles/refero.design/video/7a27c301-7f43-4df5-8872-7a99d164958c.mp4); [live site](https://www.squarespace.com/) checked on 2026-10-05. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested.