Standard pathway list

Design

All breakpoints

Standard pathway title

Morbi sit amet nunc eget nisl eleifend viverra nec consequat nunc. Proin mauris quam, rhoncus feugiat euismod nec, imperdiet in lorem.

Standard pathway title

Morbi sit amet nunc eget nisl eleifend viverra nec consequat nunc.

All breakpoints

Apply your brand specific colours and borders to the base standard pathways shown below.

Standard pathway title

Morbi sit amet nunc eget nisl eleifend viverra nec consequat nunc. Proin mauris quam, rhoncus feugiat euismod nec, imperdiet in lorem.

Standard pathway title

Morbi sit amet nunc eget nisl eleifend viverra nec consequat nunc.

Layouts

Standard pathways can be used in Single column - navigation page layouts. It should not be used in other layouts.

Open all

Breakpoint ≥ 992px

The content area is 12 grid-columns wide.

Standard pathway tiles are equal width spanning 4 grid-columns each.

Breakpoint ≥ 576px

The content area is 12 grid-columns wide.

Standard pathway tiles are equal width spanning 6 grid-columns each.

Breakpoint < 576px

The content area is 12 grid-columns wide.

Standard pathway tiles are equal width spanning 12 grid-columns each.

View layout example

Guidelines for use

Purpose:

Generally used as a default option within index pages to link to a list of pages on the website.

When to use this component: 

• Used primarily for category or topic index pages. 
• May also be used to show page hierarchy when a level that is lower than hero and higher than light pathways is required.