
Pancake
pancake.ai/
Pancake is a Sales & Support product. See its pancake.ai landing page design in full — desktop and mobile screenshots plus close-ups of the heroes, features, footers, contact us, pricing & plans, and 2 more. It's built with Next.js. Its type is set in __aeonikCondensed_07e77a, anchored by a #f8e5d4 palette. Study how Pancake structures its messaging, layout and visual hierarchy, then explore more of the best Sales & Support website designs.
- Category
- Sales & Support
- Style
- LightColorful
- Stack
- Next.js
- Fonts
- __aeonikCondensed_07e77a__geistSans_d08827
- Palette
- Meta title
- Pancake
- Sections
- 7
- Updated
Pancake's landing page, section by section
Each section below is cropped straight from Pancake's live page — useful references for sales & support landing page design.
Heroes
More heroesFeatures
More featuresContact Us
More contact usPricing & Plans
More pricing & plansCareers pages
More careers pagesBlog pages
More blog pagesPancake design review: how the homepage is built
Pancake's homepage is 8,537 pixels long at 1440px and opens on a cream ground under a rainbow arc of purple, blue, pink, orange and green bands. The arc returns around the closing call to action and as a curved edge dropping into a black footer. Text is dark plum, with accents from #ba8aff, #fe79a2 and #68cea7 and #f8e5d4 on secondary buttons. Aeonik Condensed and Geist Sans are the detected typefaces. The distinctive choices are a headline-left, controls-right hero above a chat-style product window, and an orange panel built around a black bottle silhouette.
Above the fold
The header holds the script logo, "Product", "Industries", "Pricing" and "Resources", then "Sign in" and a dark "Start free". The two-line headline "Deploy GTM ideas that bring you customers" starts at the left; at right, a "For humans" and "For agents" toggle sits over the subhead, "Start free" and "Book a demo" buttons, and a "Product Hunt" badge. A white app window below asks "What’s your next GTM idea?" and shows three cards under "Suggested Plays".
Logo strip and three numbered steps
A "Trusted by many" strip shows twelve logos in two rows, including "Kong" and "Kinro". "Pancake fills your pipeline." introduces three numbered cards, "01", "02" and "03", numbered in purple, pink and orange. Their graphics are a network around "Acme", a Play card for "Funded startups hiring a marketing lead" with 13 leads found, and an "October 2026" calendar, staggered across a two-column grid.
Bottle panel, sourcing and testimonials
A full-width orange panel holds a black bottle silhouette with "Building got 10x easier." on the wide end and "Selling didn’t." beyond the neck. On sky blue, "How Pancake finds customers" lists four rows beside a data-provider diagram. "Try Pancake now" sits in a card framed by rainbow bands, and "Take it from them" opens a seven-tile grid with "$50K" and "10%+" figures.
Pricing and footer
"Simple, transparent pricing" sits above "$99" in oversized type beside six checkmarked lines, one reading "60,000 credits a month. Every lead checked against your ICP." A large "Start free" button and "15,000 free credits, valid for 7 days" follow. The rainbow bands curve into a black footer with the script wordmark and five right-aligned columns, from "Product" to "Social", beneath a small copyright line.
On mobile
At 390px the capture is 11,717 pixels tall. The rainbow arc shrinks to a thin band, and the toggle, headline, subhead and buttons stack above the app window, where "Suggested Plays" now sits above the input. Logos reflow to two per row. Each numbered card puts its graphic above its text, the bottle panel narrows vertically, and the testimonial grid becomes one column. The footer's five columns fold into two.
Worth borrowing
- Splitting the hero into a left headline and a right column with a "For humans" and "For agents" toggle lets one page address two audiences.
- Numbering steps "01", "02" and "03" in purple, pink and orange gives the story a colour code echoing the rainbow arc.
- Setting "$99" in oversized type beside a six-line checklist makes the price the peak of the closing section.





