Bolt Navigation

Hover over navigation items to see interaction states

Option 01

Minimal Clean

Classic horizontal nav with yellow underline on hover. Clean, professional, works everywhere.

Page content here
Option 02

Bold Split

Yellow logo section, black nav bar. Maximum brand impact. Makes a statement.

Page content here
Option 03

Centered Editorial

Logo centered above navigation. Editorial, refined. Good for marketing pages.

Page content here
Option 04

Floating Card

Nav floats above page with shadow. Modern, airy. Good for sticky headers.

Page content here
Option 05

Mega Bold Split

Half yellow, half black. Massive logo. Maximum energy. For brave brands.

Page content here
Option 06

Sidebar Navigation

Vertical sidebar nav. Great for apps, dashboards, documentation sites.

Main content area
Option 07

Compact Sticky

Minimal height for sticky headers. Yellow accent line. Stays out of the way.

Page content here
💡 Mobile responsive: On small screens, navigation collapses to hamburger menu (not shown in this demo)