Inside the Clay website design
Clay is a CRM website built with Webflow and GSAP. Its pages are built from hero, features, testimonials, editorial, and footer sections, shown here in full-page captures and a scroll recording. Typography: Roobertvf (display text, headings, and body text). Colours: background #FFFFFF, text #000000, main buttons #395AFA, accent #CBD810.
Infrastructure to get any data, run agentic workflows, and launch GTM plays. Its visual style is illustrative, playful, and soft, with navigation bar, hero with background imagery, and logo strip among its components.
Why we picked it
A playful 3D toy landscape of chutes, funnels and little characters sits above bold black headlines, softening a technical data product into something approachable. Pastel colour-blocked sections and a repeating rail-and-ball motif pace the long scroll, while dense dashboard screenshots give proof the system is real and trustworthy.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- Testimonials: names, roles, and photos or logos for credibility
- Editorial: expressive typography with comfortable reading measure
Questions designers ask
What fonts does Clay use?
Clay uses Roobertvf for display text, headings, and body text, measured from the captured page's CSS.
What is the Clay website built with?
The Clay website is built with Webflow and GSAP, detected when the page was captured.
What colours does the Clay website use?
Measured from the captured page's CSS, the Clay website uses #FFFFFF for the background, #000000 for text, #395AFA for main buttons, and #CBD810 as an accent.
What sections does the Clay website have?
The Clay website includes hero, features, testimonials, editorial, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
