AI Agent Website Design Examples

92 real sites · 3,807 sections

There are 92 AI agent website designs here — live sites that build or sell AI agents, including Linear, Vercel, Cursor, Notion and Attio — cut into 3,807 sections. 68% use a light theme and 32% a dark one; the most common headline fonts are Inter (9), Poppins (4) and Geist (3). 72 of 92 open with a hero, 33 show pricing on the homepage and 41 carry testimonials.

At a glance

Sites
92
Sections captured
3,807
Light / dark
68% light · 32% dark
Top heading fonts
Inter (9), Poppins (4) and Geist (3)
Accent colours
neutral 37blue 26red 13
Most common sections
features (87), hero (72), statement (54) and call to action (52)
Top industries
AI (54), Developer Tools (25) and Productivity (8)
Award winners
5 of 92
Filter2

Colour family

Exact colour

Matched by perceptual (OKLab) distance to each palette and the colours measured in the capture.

Clear filters

Nothing matches those filters

Try a broader search or clear a filter.

Reset

What makes a good AI agent website design

Agent products sell work done, not features: they show a task running end to end, the tools and systems it connects to, human-in-the-loop controls and the security review enterprises will ask for.

What these 92 AI agent websites have in common

Measured from the captures, not opinion — use it to plan a AI agent website against what already works.

Sections they use

87 include features, 72 include hero, 54 include statement and 52 include call to action. 40 answer objections with an FAQ and 52 (57%) close with a dedicated call to action. Read top to bottom, the most common running order is hero → features → statement → footer → logo cloud. Compare them side by side: features section examples, hero section examples, statement section examples.

Type and colour

Light layouts lead (68% vs 32% dark). Headlines are most often set in Inter (9), Poppins (4) and Geist (3). The most common accent hues are neutral (37), blue (26) and red (13). Every example lists its exact fonts and hex palette on its page.

Page length

The average homepage here is about 9,097px tall at desktop width — roughly 10 screens of scrolling, with Attio the longest at 11,000px. Open any site to scroll the full-page capture and see where each section falls.

92 AI agent website designs worth studying

  • Vercel — “The autonomous stack for every app and agent.” 36 sections, headlines in Geist Sans, light theme, palette #fafafa and #171717; the homepage runs hero → features → stats.
  • Convex — “All gas, no breakages. Convex is the reactive backend platform that keeps up with you and your agents.” 49 sections, headlines in Neue haas grotesk display, light theme, palette #f6eedb and #38383a; the homepage runs hero → logo cloud → features → integrations.
  • Fly.io — “Sandboxes aren't enough. Give your agent a real computer and get back to building.” 38 sections, headlines in Mackinac, light theme, palette #7c3aed and #686082; the homepage runs hero → statement → features → statement.
  • Contentful — “Contentful lets you create content that customers trust and agents understand. With built-in personalization and AEO-ready content, you can scale fast across channels, markets, and brands without sacrificing…” 23 sections, headlines in Avenir Next Font, light theme, palette #2b2d31 and #ffffff; the homepage runs hero → call to action → statement → features.
  • Cursor — “Built to make you extraordinarily productive, agents turn ideas into code. Accelerate development by handing off tasks to Cursor.” 44 sections, headlines in Cursor Gothic, light theme, palette #f7f7f4 and #26251e; the homepage runs hero → logo cloud → features → testimonials.
  • Notion — “Build Custom Agents, search across all your apps, and automate busywork. The AI workspace where teams get more done, faster.” 25 sections, headlines in Notion Inter, light theme, palette #ffffff and #000000; the homepage runs hero → showcase → footer.

How to use these references for a AI agent website

Show an agent completing one real task step by step, list the integrations it uses, and give guardrails, permissions and audit logs their own section. Start with Linear, Vercel and Cursor, open each site at full size and compare their features and hero sections; every reference carries its palette, fonts and a build prompt you can paste into your editor.

Related searches

Browse all websites or the full A–Z of popular searches.

How this list is built: 92 sites from the UIDiscovery library that build or sell AI agents, matched on each product's own title, description and headline copy, captured styles, colours and fonts. Ordered by popularity.

Library updated