Skip to main content AWT

Header presets

Four ways to set up your site header, from marketing landing pages to documentation. Each one is a real, accessible composition of AWT blocks. Open any pattern to try it live in both color schemes and see the blocks it is built from.

The Header preset: Marketing pattern rendered by AWT

Header preset: Marketing

Your brand, a horizontal nav, and a couple of actions.

Open the Header preset: Marketing pattern
The Header preset: Application pattern rendered by AWT

Header preset: Application

Your brand plus a cluster of actions (search, notifications, account) and an optional side-nav toggle.

Open the Header preset: Application pattern
The Header preset: Documentation pattern rendered by AWT

Header preset: Documentation

Your brand, a top nav, search, and a side nav on wide screens.

Open the Header preset: Documentation pattern
The Header preset: Public sector pattern rendered by AWT

Header preset: Public sector

A prominent organization name, clear navigation, a language switcher, and minimal actions.

Open the Header preset: Public sector pattern