Layouts

Default

• This is the master layout that all other layouts feed into. It contains the main HTML "shell" that is used for all pages.
• There is no styling included in this layout, but you can add design tokens and utility classes to the body element by including the body-style element on your content page. It would look something like this:

---
layout: default
body-style: bg-base-light
---

Grid container

• This layout places the page content in a container using the grid-container class before including it in the Default template.
• It provides a simple, centered column with a maximum width and some built-in padding.
• This is a good option for most single-content.

Centered column

• If you need a single, centered column with more control use this template.
• You can add design tokens and utility classes to the content container using the layout-style style on your content page.

Sidebar

Three column