Sections design
...
Span PR Cycle Time Visualization

Span PR Cycle Time Visualization

Span PR cycle time feature: staged timeline with hours and a 50h-average scatter plot of PRs
Nicelydone for AI Agents sponsor preview
Nicelydone for AI Agents
Give your AI agent a SaaS UI library it can actually use
From
Span website preview
Span
Categories
Feature
Tags
Stacked
Card-based
Data Visualisation
Timeline
Gradient
Light

More sections from Span

Span testimonials section with a centered headline and three-column quote cards featuring logos and headshots
Testimonial
Span
Span security feature: large headline beside two columns of SOC 2, GDPR, and access-control items.
Feature
Span
Nicelydone for AI Agents sponsor preview
Nicelydone for AI Agents
Give your AI agent a SaaS UI library it can actually use
Span platform-improvements section with a heatmap card and a pulse-survey result card under a centered headline.
Value Proposition
Span
Span two-column feature section with maker-time and SLA dashboard cards plus headlines.
Feature
Span
Span brands section: centered all-caps heading above a full-width row of muted logos including Ramp and Intercom.
Brand
Span
Span header with a black funding announcement bar above a light nav: logo, About Careers Blog, Sign In, yellow Get a Demo.
Header
Span

Get weekly top sections delivered to your inbox, every monday. No spam, only inspiration.Unsubscribe anytime.

Related section design examples

Glide security section on a dark band with a data privacy headline, Explore Security button, and four circular compliance badges.
Feature
Glide
Glide integrations section with centered headline, two rows of tool pills, and an Explore Integrations button
Feature
Glide
Nicelydone for AI Agents sponsor preview
Nicelydone for AI Agents
Give your AI agent a SaaS UI library it can actually use
Glide feature section with All your apps working together headline and three cards of portraits, icons, and Ask Glide.
Feature
Glide
Capsule CRM integrations list: centered headline and grid of rounded logo cards for QuickBooks, Zapier, Slack, Google
Feature
Capsule Crm
Capsule CRM manage contacts feature with headline, contact-record UI, and Timeassist photo testimonial
Feature
Capsule Crm
Capsule CRM track sales section with pipeline UI, overlapping deal card, and Fuzzy Labs founder testimonial
Feature
Capsule Crm
Capsule CRM Why Capsule section with three cards for mobile CRM, AI summary, and contact import.
Feature
Capsule Crm
Gleezy product highlight: yellow Gleezy Dog copy panel beside grilled dogs, sauce bottle, and a loaded bun
Feature
Gleezy

Get weekly top sections delivered to your inbox, every monday. No spam, only inspiration.Unsubscribe anytime.

Curating the internet’s finest.