Preview image. Unlock full-res
Dark blue-gradient CTA pairing a left headline and dual buttons with a large Framer editor screenshot on the right, complete with collaborator cursors and a layers panel.
Summary
A dark CTA with a deep blue gradient that pairs a left-aligned headline and two buttons with a large, detailed Framer editor screenshot on the right, including live collaborator cursors and a layers tree.
Visual description
On a near-black field that warms into a vivid blue gradient toward the bottom-right, the left side holds a bold white two-line headline "Design smarter, publish faster." over three lines of grey sub-copy, then a white Start for free button beside a dark outlined Explore Enterprise button. The right side is a large screenshot of the Framer editor for a mollie.com project: a top toolbar (Insert, Layout, Text, CMS), a left Pages/Layers/Assets panel with an expanded layer tree (Desktop, Hero, Navigation, Tagline, Header highlighted in blue, Buttons, Visual, Logo strip, Features, Partners, Cards, Footer), and a canvas previewing a payments landing page at the Desktop 1200 breakpoint. Two blue named multiplayer cursors, Claudia and Alex, float over the canvas edge.
Key takeaway
Showing the actual editor with a layer tree and named collaborator cursors sells both the product's power and its real-time collaboration in one image. The blue gradient bleeding out from behind the screenshot ties the dark left column to the bright UI on the right.
Reuse notes
A confident closing CTA for a design or site-building tool that benefits from showing its workspace. Needs a high-fidelity, readable editor capture; the multiplayer cursors are the detail that signals collaboration. Dark with a strong directional gradient.
