Sections design
...
Directus Hero with Serif Headline and Product Preview

Directus Hero with Serif Headline and Product Preview

Directus hero: dark page with serif headline, Get Started CTA, CLI command, client logos, and cropped admin UI.
Nicelydone for AI Agents sponsor preview
Nicelydone for AI Agents
Give your AI agent a SaaS UI library it can actually use
From
Directus website preview
Directus
Categories
Hero
Tags
Stacked
Dark
High Contrast
Serif-led
Mixed Type

More sections from Directus

Directus dark footer with tagline, SOC 2 G2 GDPR badges, five link columns, legal bar, and social icons
Footer
Directus
Directus blog section with three dark cards: Docker product post and two article previews with icons.
Blog
Directus
Nicelydone for AI Agents sponsor preview
Nicelydone for AI Agents
Give your AI agent a SaaS UI library it can actually use
Directus CTA panel with Try it yourself copy, Get Started Free and demo links, and a painting with an npx command.
Call to Action
Directus
Directus stats and stack section with four metrics and framework logo cards on a dark background
Stat
Directus
Directus feature grid with Digital Asset Manager and Visual Editing cards on a dark background
Feature
Directus
Directus AI feature section with headline, three capability blocks, and a Studio product grid beside an AI assistant.
Feature
Directus

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

Related section design examples

Glide hero with oversized headline, prompt card, Events chips, and concert stage photo under EventHub
Hero
Glide
Omhu hero: dark metallic living room with brown TEDDY sofa, left overlay headline, and Shop TEDDY Series button
Hero
Omhu
Nicelydone for AI Agents sponsor preview
Nicelydone for AI Agents
Give your AI agent a SaaS UI library it can actually use
Capsule CRM hero with large headline, Try Free CTA, awards, and overlapping contact UI on a photo
Hero
Capsule Crm
Montoni hero: oversized cream MONTONI wordmark centered over a brick-and-glass building and tree photo.
Hero
Montoni
Gleezy hero with yellow brisket hot dog headline over a photo of sauce poured onto a bun
Hero
Gleezy
Secret Level hero: darkened shop still, oversized AI studio headline, left project thumbnails, Watch Showreel
Hero
Secret Level
Sentient Foundation hero: person in cream jacket facing a blue sky, large white open-source AI headline, and top nav.
Hero
Sentient Foundation
Cofactr hero: darkened lab photo of an engineer and robot under split headlines From BOM to Build and Electronics Supply Chain Infrastructure.
Hero
Cofactr

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

Curating the internet’s finest.