B2B Website Design Examples

25 real sites · 968 sections

There are 25 B2B website designs here — live sites that sell to teams, businesses or enterprises, including Cohere, Airtable, Beautiful.ai, Writer and Glean — cut into 968 sections. 88% use a light theme and 12% a dark one; the most common headline fonts are Poppins (2), Inter Display (2) and Cohere Text (1). 20 of 25 open with a hero, 4 show pricing on the homepage and 9 carry testimonials.

At a glance

Sites: 25
Sections captured: 968
Light / dark: 88% light · 12% dark
Top heading fonts: Poppins (2), Inter Display (2) and Cohere Text (1)
Accent colours: neutral 13blue 7green 4
Most common sections: features (24), hero (20), call to action (16) and statement (16)
Top industries: AI (8), Developer Tools (4) and Productivity (4)
Award winners: 3 of 25

What makes a good B2B website design

B2B sites sell to committees: a clear value proposition, customer logos and case studies, integrations, security and compliance, and a demo or sales CTA for bigger buyers.

What these 25 B2B websites have in common

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

Sections they use

24 include features, 20 include hero, 16 include call to action and 16 include statement. 11 answer objections with an FAQ and 16 (64%) close with a dedicated call to action. Read top to bottom, the most common running order is hero → features → statement → footer → blog. Compare them side by side: features section examples, hero section examples, call to action section examples.

Type and colour

Light layouts lead (88% vs 12% dark). Headlines are most often set in Poppins (2), Inter Display (2) and Cohere Text (1). The most common accent hues are neutral (13), blue (7) and green (4). Every example lists its exact fonts and hex palette on its page.

Page length

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

25 B2B website designs worth studying

WorkOS — “Developer APIs/SDKs for Enterprise Ready features like Single Sign-On, Directory Sync, Audit Logging, and more. Get started for free.” 60 sections, headlines in Untitled Sans, light theme, palette #ffffff and #f9f9fb; the homepage runs hero → features → footer.
Cantor8 — “Unified infrastructure for institutional digital asset operations on Canton. Issuance, custody, execution & settlement in one configurable system.” 23 sections, headlines in PP Neue Montreal, light theme, palette #044ab3 and #ffffff; the homepage runs hero → features → logo cloud → features.
Beautiful.ai — “The AI presentation platform built for enterprise teams. Beautiful.ai keeps every deck on-brand and ready to share across the whole company.” 71 sections, headlines in Post Grotesk 2026, light theme, palette #ffffff and #001a24; the homepage runs hero → features → testimonials → features.
Plain — “Plain is the AI support stack built for B2B teams. Composable infrastructure that gives you complete flexibility to build a support motion that grows with your business —…” 47 sections, headlines in ABC Favorit, light theme, palette #0a2414 and #ffffff.
Adyen — “Run payments, manage your data, and offer financial products in one platform. Adyen is purpose-built for the world's leading businesses.” 16 sections, headlines in Adyen, light theme, palette #001222 and #ffffff; the homepage runs hero → features → statement → footer.
Guru — “Stop running your business on confidently wrong AI. Guru structures, governs, and continuously improves your knowledge—so every AI answer can be trusted.” 15 sections, headlines in Poppins, light theme, palette #f5f5f5 and #090b0e.

How to use these references for a B2B website

Build separate proof for each buyer — ROI for finance, security for IT, workflow for users — and keep talk-to-sales and start-free as distinct CTAs. Start with Cohere, Airtable and Beautiful.ai, 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.