Rebar UI

1.0

order

Page Index

A list of section links for in-page navigation, like a table of contents.

Project pageContent on the left, the index on the right

Summary

Identity, site and launch kit for the harbour trust. 84% complete, due 24 Oct.

Tasks

  • Brand palette (done)
  • Harbour homepage (in progress)
  • Icon audit
  • Draft launch checklist

Files

Van livery photos and the stacked mark.

Team

Maya Chen owns it, with Priya Nair on the checklist.

In context

Interview logThe same two-column row on another page

Interviews

Twelve calls with harbour crew, nine done.

Patterns

Shift handover is the shared pain point.

Shape

{ type: "page-index", searchPlaceholder?: string, sections?: { id: string, label: string }[] }

Sections

Leave sections out and the Packer derives it from the doc-section headings in the same blocks array. When the content and the index live in separate columns, pass an explicit list.

Placement

The index is position: sticky, so it must be a direct flex item of a two-column row that the page itself lays out.