keepp .link
← All guides

Structure a Long Page

Give a long page shape with headers, subheaders, text, spacers, and a nav bar built from your headers.

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.

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.