You appear to be using an unsupported browser, and it may not be able to display this site properly. You may wish to upgrade your browser.

Page template

Pages built using the Design System should use this template as a starting point.

Sample HTML

    <div class="ds_page">
        <div class="ds_page__top">
                Site header
                Site navigation

        <div class="ds_page__middle">
                Main content

        <div class="ds_page__bottom">

Page top

This area is used for things that are common across a site, such as notifications, main navigation, and the site header.

Page middle

This is where your main content goes. Use the Design System’s layout component to define how the various parts of a page are arranged.

Page bottom

This area is used for the site footer. It is forced to the bottom of the browser window if a page is shorter than the user’s browser.

Back to top