Header Basic Patterns

With centered nav

With left-aligned nav

With right-aligned nav

Header Complex Patterns

Sticky header

A header that remains visible during scrolling, helping visitors navigate the site more smoothly.

With cta

With flyout

Transparent header

Ecommerce Patterns

Cart, account

Ecommerce related buttons are muted. Go to template 4 to know more about interactive version.

Cart, account (Cart with bracketed number)

Go to template 5 to learn more.

With product search

Ecommerce related buttons are muted. Go to template 4 to know more about interactive version.