Preview image. Unlock full-res
Combined dark block stacking a gradient CTA with editor screenshot above a black footer holding a logo tagline, five navigation columns, and social icons.
Summary
A two-part dark block: the upper half repeats the gradient CTA with the Framer editor screenshot and collaborator cursors, and the lower half is a black footer with a logo tagline, five labeled link columns, and a row of social icons.
Visual description
The top portion mirrors the CTA: a left white two-line headline "Design smarter, publish faster." with grey sub-copy and a Start for free button beside an Explore Enterprise button, set against a blue gradient, with the Framer editor screenshot (layers tree, mollie.com canvas, Claudia and Alex cursors) on the right. A blue gradient glow fades down into a flat black footer below. The footer's left side shows the Framer mark with the tagline "The internet is your canvas". To the right, five link columns sit under bold white headings: Resources (Academy, Marketplace, Desktop App, Brand, Wallpapers), Tools (Figma to Framer, HTML to Framer, Developers, Startup kit, SaaS kit), Company (Careers, Events, Status, Security, Privacy), Compare (Webflow, Wordpress, Contentful, Unbounce, Figma, Ceros), and Legal (Abuse, Charges, Cookies, Terms). A row of social icons (X, YouTube, Instagram, LinkedIn) sits at the bottom-right.
Key takeaway
Letting the CTA's blue gradient dissolve straight into the black footer merges two sections into one continuous closing moment instead of a hard seam. A dedicated Compare column (competitor names) doubles as SEO-friendly footer navigation.
Reuse notes
Useful when you want the final CTA and footer to read as a single unit on a dark page. The five-column link block needs enough real destinations to stay balanced. Reuse the gradient-into-black transition only when the CTA above is already dark.
