Skip to content

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.

Pancake 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.
Fin landing page design
Fin
Sales & Supportfin.ai/
Clarify landing page design
Clarify
Sales & Supportclarify.ai/
Elevenlabs landing page design
Elevenlabs
Engineering & Infrastructureelevenlabs.io/
HireKai landing page design
HireKai
Productivity & Collaborationhirekai.ai/
Reflexai landing page design
Reflexai
Sales & Supportreflexai.com/
Tana landing page design
Tana
Sales & Supporttana.inc/