Lerp

Squarespace Foundations

Visitbrand.squarespace.com

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Intro · 1440 px · 10 s · 30 fps
Step frames · Pro

Full page · Pro

GSAPLenis 30 fps
Specs

The motion

Squarespace Foundations is known for ease-out intro at 430 ms. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

The site presents a high-contrast, editorial aesthetic defined by deep near-black backgrounds and stark white typography. The mood is sophisticated and precise, blending technical rigour with artistic expression through glassy textures and fluid motion. Distinctive features include the use of frosted glass effects, WebGL-rendered shards, and a layout that prioritises large-scale visual impact over traditional information density.

5 prompts in Pro Generated 25 Sep 2026

  • Recreate this site's feelEverything: look, layout, type, colour, motion and libraries, in one prompt.
  • Just the scroll feelSmoothing, what moves with scroll, pinned sections.
  • Just the introHow the page enters: sequence, curve, duration, stagger.
  • Just the hoversLinks, buttons and cursor: timings from the live CSS.
  • Just the type and colourFamilies, scale, weights, tracking and the palette with roles.

Pro opens every prompt with its measured values, and the tokens they are built from.

Unlock prompts with Pro

US$60/year or US$8/month. Cancel anytime.

Record

Capture record

Savedon 24 Sep 2026. Full pages, stills and key frames.

Pro opens the rest of the record: the whole page at each viewport, the key frames of every clip. See Pro

Captured

  1. 24 Sep 2026 Shown home · 1440 px · home · 390 px
Notes

Squarespace Foundations (brand.squarespace.com): ease-out intro at 430 ms.

dark · 3 effects · 1 measured · 30 fps clips

Motion
Intro, Scroll, Hover
Libraries
GSAP, Lenis, ScrollTrigger, three.js, Nuxt
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

Squarespace's brand guidelines as a slideshow. A centred still-life photograph on a deep colour field that changes per chapter ("03 (Color)"), with ← → arrows, "Index", Clarkson and a light-italic serif; the intro floats glassy 3D shards on black.

Libraries detected

Stack as observed

Nuxt (Vue); three.js (the intro shards); GSAP ScrollTrigger; Lenis; 19 videos. One screen. Key pages: none; chapters open from "Index" and the arrows.

Techniques

Techniques on this site

Each one taught on its own page: a live demo you can tune, how it works, and the code. Lerp smooth scroll, Ease-out intro reveal.

More like this

Similar motion and feel.

91 % alike
89 % alike
88 % alike
88 % alike
88 % alike
88 % alike