Section types

When you add a new section, you choose a type. Each type is designed for a specific kind of content. Here is a quick reference.

Link Heading

A top-level section heading that also serves as a navigation anchor. Use it to start a new named section on your brand guide — the heading text appears in the page navigation so visitors can jump directly to it.

Prose

Rich-text body copy: paragraphs, sub-headings, lists, and links. Use it for any descriptive, instructional, or explanatory text. Formatting controls (bold, italic, links, and more) appear when you select text.

Colors

A display of brand color swatches arranged in a grid. Use it to document your color palette with names and hex values. You can configure the number of columns in the section settings.

Icon List

A list of labeled items, each with an optional icon. Use it for usage guidelines, feature lists, or do/don’t examples. The default icon and label display can be adjusted in the section settings.

Media

A single image or figure with an optional caption and link. Use it to showcase a brand asset, photograph, or graphic example. Display options such as aspect ratio, border, and image fit are available in the section settings.

Container

A layout wrapper that groups other sections side by side in one or more columns. Use it to display related content — for example, two Media sections — in a multi-column arrangement. Column count and flow direction are set in the section settings.

Spacer

A block of vertical whitespace. Use it to add breathing room between sections when you need more visual separation than the default spacing provides.

Building or developing the site? See the Section schema reference for each section type’s exact fields.