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 and .
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
