AI Agent Website Design Examples

91 real sites · 3,774 sections

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

At a glance

Sites
91
Sections captured
3,774
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
hero (87), features (86), showcase (59) and statement (59)
Top industries
AI (53), Developer Tools (25) and Productivity (8)
Award winners
5 of 91
Filter

Colour family

Exact colour

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

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 91 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 hero, 86 include features, 59 include showcase and 59 include statement. 46 answer objections with an FAQ and 38 (42%) close with a dedicated call to action. Read top to bottom, the most common running order is hero → features → showcase → footer → testimonials. Compare them side by side: hero section examples, features section examples, showcase 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,116px 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.

91 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.
  • 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 → footer.
  • 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…” 24 sections, headlines in Avenir Next Font, light theme, palette #2b2d31 and #ffffff; the homepage runs hero → showcase → call to action → statement.
  • 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 → showcase → 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 hero and features 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: 91 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