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 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
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 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 header with logo, centered Product Customers Resources Pricing links, Log in, Contact sales, Get started
Header
Glide
Omhu header with stacked OM HU logo, four nav links, outlined Free Colour Swatches, Denmark DKK, and icons on dark metal
Header
Omhu
Nicelydone for AI Agents sponsor preview
Nicelydone for AI Agents
Give your AI agent a SaaS UI library it can actually use
Domaine header with DOMAINE US pill, centered Work–Contact links, and bell and mail icons over a warm photo.
Header
Domaine
Capsule CRM header with G2 rating, product tour link, Capsule logo, nav items, Log In and Try Free buttons
Header
Capsule Crm
Montoni header: Menu left; Available spaces, Careers with count pills, and Français over pale trees.
Header
Montoni
Gleezy announcement banner with gold all-caps Target and Harris Teeter text on a dark brown bar.
Header
Gleezy
Secret Level header with stacked logo, centered capsule links, and Get In Touch button over a dark film still.
Header
Secret Level
Sentient Foundation header with SF logo, centered nav links, and Connect with us button over a blue sky photo
Header
Sentient Foundation

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

Curating the internet’s finest.