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 MCP sponsor preview
Nicelydone MCP
220k real SaaS screens, connected through MCP
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 MCP sponsor preview
Nicelydone MCP
220k real SaaS screens, connected through MCP
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

Duft und Kultur hero with oranges on wood, hanging greenery, and centered A Breath of Morocco headline.
Hero
Duft und Kultur
House of Honey hero with blush wordmark, split tagline, nav, and a sculptural bedroom photograph.
Hero
House of Honey
Nicelydone MCP sponsor preview
Nicelydone MCP
220k real SaaS screens, connected through MCP
London Film School hero: rocky beach film still, red stacked logo, black nav, and large white headline Find your voice in film
Hero
London Film School
Brand Appart homepage hero with large black headline, orange copyright mark, client logos, and intro-call CTA on cream.
Hero
Brand Appart
Otherhalf Studio hero with yellow promo bar, nav, dual serif headlines, blue figure-eight, and Shopify badge
Hero
Otherhalf
Artem Astakhov dark hero: oversized name, account-manager line, and three overlapping section preview cards.
Hero
Artem Astakhov
AUAR hero: factory robot lifting timber panels, high-vis worker, and Easy and affordable building on-site headline.
Hero
Automated Architecture
Ofform hero: street photo of a Jiri Krejcirik poster on a building, with logo and Work About Contact nav
Hero
Ofform

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

Curating the internet’s finest.