Framer

Item: Framer
Rating: 7.7

AI-assisted website builder for designing, managing and publishing sites.

7.7/10MABTU rating

DESKTOP · 1440 × 10,858/ ↗

MOBILE · 390

Section outline · Home

01heroFramer is the AI design agent for every step from idea to launch981
02content336
03formAgents that work alongside you, not instead of you3,017
04features gridNot just vibes, a full platform1,817
05features gridShipped with Framer1,238
06features gridTrusted by teams shipping big sites819
07features gridBuilt on a community that isn’t going anywhere1,217
08footer728

Rating · Home

Visual design8.4

UX & clarity8.0

Originality7.5

Craft & consistency7.7

Motion7.5

Performance & a11y7.0

This page scores 7.9; the site score weights the home page double.

Main colours

Dark·black background·vivid

Typography

GT Walsheimheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Framer React Google Fonts

Minimal Bento Dark tech Product-UI-led Hero video Marquee

Also: Google Analytics, Google Tag Manager

Design DNA

Pure black #000 canvas, 1200px container, left-aligned two-line 56px GT Walsheim headlines with a white and a dark pill button pair. Hero is a grainy electric-blue glowing prompt box inside a rounded dark frame. Agent features stack as large 12px-rounded dark cards with real Framer canvas and CMS UI, a two-line white title and grey Inter body, plus a narrow side card with the chat panel. A hairline bento grid lists platform features with tiny arrow labels. Site showcase collage, customer story tiles, a community marketplace screenshot and a closing prompt box with suggestion chips. Blue #0099ff appears only as accent.

Worth borrowing

Make the hero visual a single glowing, film-grain prompt box so the AI product reads instantly without a full UI render.
Pair each wide feature card of real product UI with a slim side card showing the chat that produced it.
Close the page with a live-looking prompt input and suggestion chips as the final CTA instead of a button.