
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.
Heroes
More heroesFeatures
More featuresLogo clouds
More logo cloudsAbout Us
More about usContact Us
More contact usPricing & Plans
More pricing & plansGong 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.





