UI Sections
SectionsStylesIndustriesCompaniesAbout

Clay website design

Every section we captured from the Clay website, in page order, from the hero section down to the footer. Open any thumbnail to see it full size.

Visit clay.com (opens in a new tab)

Sections 29

In page order, top to bottom

  1. Clay hero section: left headline on a green 3D clay landscape of GTM objects, above a rounded card grid of customer logos and quotes
    01 Hero

    Build systems to grow revenue

  2. Clay hero section: centered bold headline with two CTA buttons above a bright cyan panel holding an account agent details window
    02 Hero

    Put an expert agent on every account

  3. Clay hero section: left-aligned headline with use-case dropdown and demo button above a company table UI with data source picker on lavender
    03 Hero

    Find every account in your TAM in one place

  4. Clay hero section: centered oversized headline under a 3D clay flower with lime careers button on a solid bright blue background
    04 Hero

    Welcome to Clay

  5. Clay pricing section: headline and logo row above a monthly/annual toggle, four plan cards with colored headers and a usage-based pricing band
    05 Pricing

    Flexible pricing that fits you

  6. Clay features section: centered heading above three lavender cards with data source, natural-language search and CRM sync UI mockups
    06 Features

    Build precise company and people lists at scale

  7. Clay how it works section: centered heading over four numbered step cards arranged around a circle with a blue 3D clay mascot
    07 How it works

    How Account Agents work

  8. Clay use cases section: centered headline above use-case tab pills and a lead-finding table product screenshot on a cyan panel
    08 Use cases

    GTM engineers build on Clay

  9. Clay stats section: slider of customer result cards with large percentages above 3D rendered brand logos on colored stages
    09 Stats
  10. Clay testimonials section: centered heading on a blue gradient with 3D clouds above three case study cards with metrics and 3D brand logos
    10 Testimonials

    Build any go-to-market play on Clay

  11. Clay features section: three alternating rows of white cards pairing headlines and copy with bright cyan panels holding agent UI snippets
    11 Features

    A dedicated expert on every account

  12. Clay features section: left-aligned heading above a lavender panel with a 3D ball, a search prompt card and a dark terminal showing a query
    12 Features

    Search just like you think

  13. Clay security section: centered heading above a row of five 3D clay flower badges for SOC 2, GDPR, CCPA and ISO certifications
    13 Security

    Backed by enterprise-grade security and scale

  14. Clay testimonials section: left-aligned heading and copy above a fanned stack of colored cards with portrait photos and promotion quotes
    14 Testimonials

    We power GTM engineers

  15. Clay features section: stacked pastel cards, each with headline, customer results and buttons left and a 3D clay object render right
    15 Features

    Get data from the most complete data marketplace

  16. Clay testimonials section: customer tab bar above a split case study card with a 3D Mistral logo render and a quote with case study button
    16 Testimonials

    Mistral

  17. Clay testimonials section: two colored customer story cards with photos above a large video thumbnail with play button, cut off at the right
    17 Testimonials

    In Nigeria, she built a life where money wouldn't decide

  18. Clay value proposition section: headline and customer outcomes above a wide 3D render of connected clay GTM objects in a rounded card
    18 Value proposition

    Build systems that make reps more productive

  19. Clay features section: three alternating rows pairing headlines with purple and peach panels showing lookalike, scoring and workflow UI
    19 Features

    Find leads that look like your best customers

  20. Clay about & mission section: large heading beside story copy above a 2017-2027 bar timeline with slider controls on beige
    20 About & mission

    Our story

  21. Clay features section: split card with an orange panel of Salesforce, HubSpot and Clay table UI beside a headline and demo button
    21 Features

    Keep your CRM updated with qualified leads

  22. Clay testimonials section: centered headline above three stacked case-study cards with 3D clay renders, one with a play button
    22 Testimonials

    Hear from the teams that grow with Clay

  23. Clay logo cloud section: centered heading and funding note above a row of six investor logo tiles with names on white
    23 Logo cloud

    Backed by world-class investors

  24. Clay testimonials section: left heading with arrow controls above a slider of lime, orange and blue quote cards with logos and headshots
    24 Testimonials

    What our customers say about us...

  25. Clay blog & resources section: centered headline above a bento grid of conference, livestream, community story and careers cards
    25 Blog & resources

    Learn more about GTM engineering

  26. Clay blog & resources section: centered heading over a featured press story with founder photo and a row of four photo article cards
    26 Blog & resources

    In the news

  27. Clay footer section: centered closing CTA over a 3D clay landscape and ball pit, with a light card of link columns and wordmark
    27 Footer

    Turn your growth ideas into reality today

  28. Clay other section: bento grid of photo, playlist and social link tiles on a very dark green background
    28 Other

    See what's happening at Clay

  29. Clay footer section: centered CTA over a 3D landscape of hills and colorful ball pit framing a light footer panel with link columns
    29 Footer

    Turn your growth ideas into reality today

Similar companies

All companies
Plasma36 sections Customer.io26 sections Concourse17 sections Voiceflow17 sections
    ↑↓ Navigate ↵ Open

    Section preview

    Website section