Sections design
...
Directus Global Navigation with Announcement Bar

Directus Global Navigation with Announcement Bar

Directus header with gray Monospace announcement, logo, nav links, GitHub count, Log In and Get a Demo.
Nicelydone SaaS UI Library sponsor preview
Nicelydone SaaS UI Library
Find real SaaS UI patterns for humans and AI agents
From
Directus website preview
Directus
Categories
Header
Tags
Edge-to-edge
Dark
High Contrast
All Caps
Sans-serif

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 SaaS UI Library sponsor preview
Nicelydone SaaS UI Library
Find real SaaS UI patterns for humans and AI agents
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 header: hanging greenery, stacked logo, Fragrances–Gifts links, and account, search, bag icons
Header
Duft und Kultur
House of Honey navigation bar with logo, text links, Get in Touch, and a bee on a blush background
Header
House of Honey
Nicelydone SaaS UI Library sponsor preview
Nicelydone SaaS UI Library
Find real SaaS UI patterns for humans and AI agents
Dobre Agency header with Curated label, dark Dobre nav pill, and Melbourne since 2003 line
Header
Dobre Agency
London Film School header with red wordmark and black bar for courses, study, about, search, and menu
Header
London Film School
Otherhalf header navigation with yellow promo bar, italic blue wordmark, all-caps links, and blue CTA
Header
Otherhalf
Automated Architecture navigation bar with AUAR logo, links, Log In and Build With Us over an industrial ceiling photo
Header
Automated Architecture
Balmoral Running header with centered serif logo and white links over a brick and shutter photo.
Header
Balmoral Running
MP2 Collective navigation header with logo and Home, About, Services, Contact over a windowed office photo.
Header
MP2 Collective

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

Curating the internet’s finest.