Basic header

Open in new tab

The name of the service is left-aligned in the header bar, with an optional sign out link on the right-hand side.

Internal services usually have other ways of signing in, so an alternate ‘sign in’ link for the signed-out state is not used in most cases.

Get support

Need help implementing this in a prototype or production build? Get support from the Design System team.

Give feedback

We depend on insights from real projects to update and improve the design system. If you use something we made, tell us how it went.