Header
Hero
Secondary navigation
Complementary
Main content
Footer
Regions
We have split up the fluid layout of the interface into regions. In Drupal we can assign blocks to these regions. Each region can be displayed differently based on the context of the node or page.
Header
Blocks: Primary navigation, user navigation, site search
The header is always present. It holds a navbar component and the logo.
Breadcrumbs
Pathway navigation for large screen and 'go back' navigation for mobile
Hero
Provides a summary of the main content of this page, for example a person, a group or an event.
Secondary navigation
Navigation options to the sub contents of a main content.
Main content
Content about this section
Complementary
Complementary content, filters, actions, quick navigations that specific to the section. On mobile this region will be placed on top of the Main content, possibly in a different appearance.
Footer
It is static and contains information about the whole application.