Skip to content
BetaFree MCP server

Gong

gong.io/

Gong is a revenue AI platform that records and analyzes sales calls and other customer interactions to help teams close deals, forecast pipeline, and automate handoffs; it bills itself as the '#1 AI OS for Revenue Teams.' The site backs that up with a heavy load of attributed, company-specific figures rather than vague ROI language: a 64% productivity increase and 46% drop in ramp time at Anthropic, 6,700 hours saved at Uber for Business, and a 32% lift in buyer response rates tied to its AI Tracker agent. It frames its value with an explicit equation on the page - Efficiency times Effectiveness equals Productivity - and separates its offering into five named products (Engage, Forecast, Enable, Agents, Revenue Graph) rather than one undifferentiated platform pitch.

Category
Sales & Support
Style
LightColorful
Stack
Next.jsTailwind CSS
Fonts
GroteskInter TightInter
Palette
Meta title
Gong - Revenue AI OS
Sections
7
Updated

Gong's landing page, section by section

Each section below is cropped straight from Gong's live page — useful references for sales & support landing page design.

Gong design review: how the homepage is built

Gong’s 10,862-pixel homepage moves from a pale pink-violet hero into a deep purple resource-and-footer zone. Metadata lists Grotesk, Inter Tight, and Inter; heavy headline lettering contrasts with smaller interface copy. #601daa, #fdc7fe, and #fe5dff recur in gradient buttons, borders, illustrations, and the closing form. It begins with an AI deal-reviewer screen, logos, an equation-like team proposition, then moves through customer proof, a tilted product stack, six product cards, statistics, industry cards, testimonial mosaics, role cards, lead capture, and resources.

Revenue AI hero

A purple announcement strip sits above the Gong navigation, whose labels include “Product”, “Solutions”, “Innovation”, “Raving fans”, “Resources”, “Company”, and “Pricing”; a pink “Book a demo” button anchors the right. “#1 AI OS for Revenue Teams” precedes “REVENUE AI BUILT TO CLOSE DEALS FASTER” and a pink “See Gong in action” action. The right half shows layered AI Builder or Deal Reviewer panels. A logo row below is introduced by “Trusted by 5,000+ customers”.

Team result and product system

“Winning GTM teams run on Gong” centers an equation: “Efficiency” times “Effectiveness” equals “Productivity”. An Anthropic case study pairs a person-on-video image with “Anthropic increased productivity of the revenue team by 64%” and a large 64% card. A slanted lavender statement leads into “Power your revenue engine with AI — from prospecting to expansion”. A floating three-layer isometric system introduces “Gong Revenue AI OS”, before six light-purple cards name Gong Engage, Gong Forecast, Gong Enable, Gong Agents, Gong Revenue Graph, and Gong Collective.

Metrics, industries, and fans

A jagged purple statistics band presents “50%”, “4.8/5”, “3X”, and “300+” as four large figures. “Trusted by high-performing revenue teams in every industry” sits beside cards for Technology, Financial services, Healthcare, and Manufacturing. A wide cropped mosaic of customer quotations follows rather than one featured story. “Everyone wins with Gong” follows with five pale role cards: CRO, RevOps, Sales teams, Customer success, and Enablement.

Lead capture and footer

The lower purple panel says “Win more revenue with AI” beside a white lead form with a Work Email field and “Submit” button. The background deepens into a navy-purple resources area headed “Helpful resources”, where illustrated article cards sit in a row. The footer becomes a broad link matrix for product, audience, rationale, resources, connection, and company. Social marks, language, legal links, and a faint oversized Gong mark finish the page.

On mobile

At 388 pixels, navigation is absent and the hero stacks headline, subhead, bright action, then a cropped AI panel. The equation becomes three full-width cards separated by multiplication and equals signs. The Anthropic video moves above its copy. Product, industry, and role cards become a vertical catalog. Testimonials remain horizontally cropped. The lead form stays within the purple panel, while the resource card and six footer link groups stack into a long dark finish.

Worth borrowing

  • A repeated violet-to-pink system can connect product screenshots, cards, forms, and editorial content.
  • An equation is a compact way to give a broad team proposition visible structure.
  • Switching from pale cards to a dark resource zone creates a strong finish for a long sales page.
Intercom landing page design
Intercom
Sales & Supportintercom.com/
Pandadoc landing page design
Pandadoc
Sales & Supportpandadoc.com/
Apollo landing page design
Apollo
Sales & Supportapollo.io/
Clarify landing page design
Clarify
Sales & Supportclarify.ai/
Conduit landing page design
Conduit
Sales & Supportconduit.ai/
Getfuzzy landing page design
Getfuzzy
Sales & Supportgetfuzzy.ai/