Structure a Long Page
Give a long page shape with headers, subheaders, text, spacers, and a nav bar built from your headers.
Prefer to read? The full guide is below. Every video in the series is on the video tutorials page.
If your page is more than a handful of blocks, a few structural blocks keep it readable instead of one long scroll.
Headers and subheaders
A header is a section title; a subheader sits under it for a secondary line. Both take a style:
- Plain: no extra treatment
- Eyebrow, a small uppercase treatment above the main text (applied visually only, the stored text stays as you typed it, since nav tabs reuse a header’s text verbatim)
- Divider: a visual rule alongside the text
A header also has a show in nav tabs toggle, turn it on to make that section reachable from the nav block below.
Text
A text block is body copy: a paragraph of description, a note, anything that isn’t a title. Use it between other blocks to add context without needing a full section.
Nav tabs
The nav block renders a row of tabs, one for each header with “show in nav tabs” turned on, in page order, tapping a tab jumps to that header’s section. It’s a single block with nothing to configure directly; if it looks empty, turn on “show in nav tabs” on at least one header first.
Nav is a one-per-page block.
Spacer
A spacer adds one row of vertical breathing space between two blocks, no settings, just space.
Putting it together
A typical long page alternates headers with the content blocks underneath them, using text and spacers to break things up, and a single nav block near the top once you have more than two or three sections. See how your page works for how the two-column grid applies to any of these blocks, and choosing the right block for the full block list.