Website design guidelines

Header and footer

Search bar

Widescreen (above 768px)

The search bar is aligned to the right inside edge of the header.

Search bar default state:

Search bar active state:

Mobile (above 320px)

The search bar must be revealed by expanding the mobile menu.

Mobile menu default state:

Expanded mobile menu revealing search bar: