← back to the gallery

Framer: dark website-builder landing with luminous editor demonstrations

Tier
inspiration
Roles
hero, explainer, feature, capability, proof, closing, footer
Feel
dark, premium, saas, depth
Motion
reveal, pan
Source
public-site
Site
https://framer.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-04
Captures
frames: https://images.refero.design/styles/refero.design/video/92712a3f-88ba-4de2-a406-dcd3585678cc.mp4
both: https://framer.com/

What it does

A website-builder landing stacks dark product narratives with editor previews, designed-site examples, feature panels, customer logos, and a glowing blue final action. The current live opening foregrounds a design agent; the Refero recording presents an earlier builder-focused introduction.

Section roster

1. Dark product proposition and interface demonstration. 2. Designed-with-Framer site examples. 3. Editor and publishing capability panels. 4. Community and organization proof. 5. Luminous blue closing action and dense footer.

Why it works

Bright interface previews stay legible against the restrained black canvas. Each product claim is followed by an example, and the strong blue final region makes the end of the page visually distinct.

Source and capture notes

Refero [style page](https://styles.refero.design/style/d417b42f-824d-45ba-a02e-cbef3b8ea0d8) and [recorded video](https://images.refero.design/styles/refero.design/video/92712a3f-88ba-4de2-a406-dcd3585678cc.mp4); [live site](https://framer.com/) checked on 2026-10-04. 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. The live cookie prompt was dismissed through its visible Reject button.