clay.com/

Clay

clay.com/

Clay sells infrastructure for go-to-market teams to pull in outside data, run it through AI research agents it calls "Claygents," and push the results into outbound campaigns, positioning itself as "infrastructure to get any data, run agentic workflows, and launch GTM plays" rather than a single tool. Its homepage centers on a tabbed "GTM engineers build on Clay" section that cycles through six concrete workflows — TAM sourcing, automated outbound, CRM enrichment — instead of a features grid, plus an interactive "what do you want to build?" prompt box. Trust signals lean on named, numeric customer results rather than logos alone: Intercom's "+140% outbound pipeline," Anthropic's "3x'd our enrichment rate," Verkada's "3x reply rate."

Category

Style

Stack

Fonts

Roobertvf

Palette

Meta title

Clay | Build systems to grow revenue

Sections

Updated

Oct 10, 2026

Clay's landing page, section by section

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

Clay design review: what the page does, section by section

The home page runs 11406px: a floating nav bar, a green hero, a logo panel, a "GTM engineers build on Clay" tab strip with product UI, a "What do you want to build?" prompt box, four tinted feature panels, case-study cards, a content grid, a closing CTA and the footer. Color comes from deep green (#036249) with a lime #cbd810 button, plus cyan tints (#59d5ea, #97e8f5, #c8f8fc). Headlines use Roobertvf. Claymation 3D scenes replace product screenshots, which is unusual for a data tool.

HeroesView crop

The hero sets a clay-rendered landscape of hills, a funnel, a pencil and a mailbox above a green gradient. The headline "Build systems to grow revenue" sits left in white; a short paragraph and two buttons, white "Start free trial" and lime "Get a demo", sit right.

TestimonialsView crop

A rounded beige panel reads "Trusted by more than 500,000 leading GTM teams of all sizes." Inside, white tiles mix plain logos (Stripe, Cursor, HubSpot, Canva) with quote tiles for Figma and Anthropic and stat tiles such as "80%+" and "+140%". Edge tiles fade out.

PricingView crop

Four tier cards share one row under colored headers: blue "Free", green "Launch", magenta "Growth" with a "Recommended" badge, and purple "Enterprise". Prices read "Free", "$167/mo", "$446/mo" and "Custom". Dropdowns set yearly actions and data credits, and only the Growth button is filled black.

About UsView crop

The about page opens on a green hero, "Welcome to Clay", with a staff photo collage. Below come a framed mission statement, a "Who we are" directory of about 100 staff in three columns, an office photo gallery, customer quote cards, investor logos, and press cards under "In the wild".

Contact UsView crop

The contact page is nearly empty: the nav bar, the headline "Get in touch with Clay.", one paragraph pointing to the in-app help icon or an email address, and a single dropdown, "What do you need help with?", showing "Select an option". The lower viewport is blank white.

Affiliate pagesView crop

The partner page begins with a dark green hero, "Become a Clay Partner", above five circular badges. A white sheet follows with two rows of customer logos and a panel, "Explore the right partner path for you", holding three cards: Solutions partners, Integrations partners and Creators. Colored testimonial cards with portraits close it.

Careers pagesView crop

The careers page leads with "Join the Clay crew", colored cables through an "Explore open jobs" button, a photo strip and scrolling role chips. A tall blank gap follows, likely an unloaded job list. Further down sit eight benefit cards, a video and five numbered interview steps.

Blog pagesView crop

The blog index is headed "Go-to-market with Clay" in a large serif face. Four-card carousels follow for "BEST OF THE KILN", "THOUGHT LEADERSHIP", "CASE STUDIES" and "OUTBOUND PLAYS", then a tag cloud and a dated "LATEST" list with a thumbnail at the right of every row.

FootersView crop

A closing "Turn your growth ideas into reality today" call to action floats above a clay hill and a ball pit. The footer card holds seven link columns: Use cases, Product, Blog, Resources, Company, Customers and Legal. A "We are hiring!" tag marks Jobs.

On mobile

At 390px the page runs 12342px. The hero keeps the headline and both buttons but trims the illustration. Logo tiles become a scroller, feature panels stack with the clay image under the copy, and the footer drops to two columns. Nothing looks broken or blank.

Worth borrowing

Give each feature panel its own tint, accent headline and matching button.
Mix logos, quotes and stat tiles in one proof panel so social proof carries numbers.
Color-code pricing headers and fill only the recommended tier's button.