screenroveSCREENS WORTH STUDYING
Screenrove / Design references

Framer

Black canvas, product mockups everywhere, an agent chat beside every feature.

Marketing pages

Framer Homepage

Homepage

A left-aligned two-line headline with white and translucent buttons sits above a full-width video frame of a glowing 'Ask Framer…' prompt, followed by a two-row logo strip. Four large feature cards each pair a product mockup with a short description, with an agent-chat panel to the right of the first and a terminal-style 'framer-agent' window beside the last, followed by a bento grid of platform features (Performance, CMS, SEO, Hosting, Analytics, A/B Testing), a horizontally scrolling site showcase, customer story cards and an embedded community feed. Each section heading is left-aligned with a small grey action button on the right, and the page closes on a centred prompt box with suggestion chips above a six-column footer.

Framer Pricing

Pricing

Four plans (Free, Basic, Pro, Enterprise) share one bordered row of columns, each with a price, a credits dropdown, a checklist and a full-width button; only Pro's button is filled in blue, and a yearly billing toggle sits right of the headline. A logo strip leads into a comparison table for Basic, Pro and Enterprise with a sticky plan header, grouped under Agents, Live collaboration and Add-ons, using ticks, crosses and short values. The FAQ is a narrow centred column with every answer shown open, not collapsed.

Framer CMS

CMS

The hero puts a full CMS editor mockup (collections sidebar, article table with toggles, agent panel) directly under the headline. Five stacked cards each show one agent task, from creating a collection to bulk edits, with the prompt and its result shown in an agent panel beside the first card. Hairline-divided grids then cover team features, detail features and a three-row icon list, before the same closing prompt box and footer as the homepage.

Logged-out desktop capture on 27 September 2026 of the home, pricing and CMS pages at 1440px in a headless browser; no account, editor, sign-up or checkout was captured. The homepage hero is a video (a 0:36 timestamp is visible) and the site showcase, customer cards and community feed are carousels or animated mockups, so each image shows one moment; the sticky agent-chat panel appears only beside the first feature card on the home and CMS pages, leaving the right column empty beside the later cards. Two stitching defects remain on the homepage: the chat panel beside the first feature card is cut off below 'Thinking…' at y 1680, where the card above that line is also a lighter grey (y about 1540-1680), and a yellow and purple illustration covers the top of the Miro card with a hard lower edge (y about 7710-7920).