Framer
WebsitesAI design agent
35 sections
Opening…
About this design
Written from the capture data for Framer.
Framer (framer.com) is a website in the Marketing category. Its homepage is captured as 5 sections, top to bottom: hero, content, showcase and content. We also captured its pricing, product, customers, sign up, blog and docs pages, plus 2 more. The hero leads with “Framer is the design agent for every step from idea to launch”.
The capture records a palette of #ffffff, #999999, #000000, #666666, #00bb88 and #0099ff. The largest share of captured homepage sections uses #000000 as its CSS background. Suggested token roles are #000000 for background and #ffffff for text; check them against the screenshot. Headings are set in GT Walsheim, which it also uses for body copy.
Compared with the 85 other Marketing sites in the library, Framer is one of the 12% that go dark, and the group's most common heading face is Inter, where Framer uses GT Walsheim. The average Marketing homepage here has 8 sections; this one has 5.
Worth studying here: the hero, for the relationship between imagery, type and navigation, the showcase, for image scale, grouping and visual emphasis and the FAQ, for question length and answer disclosure. Open any section for its palette, fonts and a build prompt you can hand to Claude, Cursor or v0.
More references: browse all websites.
More marketing sites
Related searches
Sections captured: Hero, Content, Content, Showcase, Content, FAQ, Content, Logo cloud, Features, Content, Showcase, Showcase, Logo cloud, Content, Showcase, Logo cloud, Content, Content, Content, Content, Content, Content, Content, Content, Content, Content, Showcase, Features, Features, Features, Content, Showcase, Content, Content, Showcase