App Layout

All pages in our applications will follow a standardised structure.

Basic Page Structure

The basic page structure is made up of the header, navigation, breadcrumbs, the body, and the footer


App Header

The app header connects the user to the brand, other applications, their user account, application settings, and support.

View the App Header Docs


Primary Nav

The user uses the primary nav to access all the sections and screens within the applications.


The breadcrumb bar houses the breadcrumb, which offers an alternative, linear way to navigate within the application.


Page Body

The page body contains all content associated with a particular page.


The footer contain the copyright information, terms and any other required legal links for the use opf the software.