Content pages
About this component
All other pages on the website use one of the content page layouts – either with a sidebar or with full-width content.
Styling
Most pages on the website are content pages. For this reason, these pages have a clean, simple layout. Pages with siblings can have a sidebar, which appears on the right side of the screen, or be set to full-width. Pages without siblings by default are full-width – this is common for pages at the “bottom” of the hierarchy. See content area for details about full-width or sidebar pages.
The page title appears at the top of the white content area, below the breadcrumbs.
How to use for Content pages
Learn more about creating pages and using the sidebar navigation.
Example of Content pages
Numbered components
Sidebar layout
- global header, global navigation
- site title
- content area, including breadcrumbs above the content
- sidebar navigation
- Can include one or two callouts below the navigation.
- footer
Full-width layout
- global header, global navigation
- site title
- content area, including breadcrumbs above the content
- footer
Other
- typography
- any type of media
- any other component
Sidebar
Full-width
Full width – plain text
