genpage.ai/

Genpage

genpage.ai/

Genpage is a Marketing product. See its genpage.ai landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, features, footers, pricing, logo clouds, and 3 more. It's built with Framer. Its type is set in Inter, anchored by a #5768ee palette. Study how Genpage structures its messaging, layout and visual hierarchy, then explore more of the best Marketing website designs.

Category

Style

Stack

Fonts

Inter

Palette

Meta title

AI Landing Page Platform for Marketing Teams · GenPage

Sections

Updated

Oct 15, 2026

Genpage's landing page, section by section

Each section below is cropped straight from Genpage's live page — useful references for marketing landing page design.

Genpage design review: how the homepage is built

The page runs from a hero with a prompt box to a six-logo row, a three-step strip, an editor demo, feature cards, a navy stats band, testimonials, a FAQ list, three blog cards, a pixel-grid closing banner and a dark footer. The desktop capture is 13811px tall. Colour is white and pale grey with a saturated blue (#364aeb) on buttons and labels, a lilac wash (#c5c9f7) behind the closing banner, and one navy section. Headlines are set in Inter. The hero is filled with tilted screenshots of generated pages, so the product's output is the decoration.

Above the fold

The header lists "Use Cases", "Case Studies", "Pricing", "Affiliate" and "Resources", then "Log In" and a blue "Book Demo" button. The left column stacks a pill reading "GenPage 3.0 Is Live", the three-line headline, a grey subhead, a prompt box with a black "Generate" button, and two buttons, "Book Demo" and "Start Free". Tilted page mockups on the right carry a "#2 Product of the Day" badge.

Logos, three steps and editor demo

"Trusted by 3,400+ teams" sits over six logos in two rows of three. A blue label, "How it works", leads the centred line "A landing page for every campaign. Live in minutes. Better every day." and three columns, "Connect.", "Generate." and "Track & Optimize.", each topped by an icon. A framed editor mockup follows, with a play button over "Scale ((company_name)) using custom sales pages".

Feature cards, toolkit, results and stats

"Turn More Clicks Into Customers" opens two cards, "Actionable Analytics" and "Flexible Workflows". "The complete toolkit for higher conversions" is eight icon tiles in two rows of four. "Results You Can Measure" ends in four cells, including "3X More Meetings Booked" and "30%+ Conversion Lift". A navy band, "Built For Scale", shows a dotted globe beside three large counters: 3,400+, 200K+ and 5/5.

Closing section and footer

Under "Trusted By The Most Innovative Companies", a "Customer Story" card pairs an image with four figures led by "$550K", then seven testimonial cards follow. Twelve questions form a right-hand accordion starting "What is GenPage?". Three blog cards sit under "Read our insights". The banner "Grab Attention Grow Conversions" lies on a blue pixel grid with two buttons. The dark footer has "Product", "Company", "Compare" and "Legal" columns.

On mobile

At 390px the hero keeps its order, but the update card overlaps the buttons and the mockups shrink to a faint strip. The three steps stack with icons above, and the toolkit becomes a two-column grid. Stats and testimonials turn into single full-width cards. The FAQ remains an accordion, blog cards stack with images on top, and the footer columns become one long list.

Worth borrowing

A prompt box with a "Generate" button above the two buttons lets the hero demonstrate the product before sign-up.
A three-column strip, "Connect.", "Generate." and "Track & Optimize.", compresses the workflow into one bold lead word each.
A navy "Built For Scale" band with three oversized counters breaks up a long white page.