Skip to main content
Back to all page templates

Page template

Subject index template

A hub page for choosing one subject area or dimension before continuing to a deeper route.

Pattern ID

subject-index-page

Implementation

Reusable component specimen

Live examples

1

Where this page type is used and why

Use when a reader has arrived at a broad subject and needs a small set of governed choices with an evidence-return path.

/platform/

Compose technology, physical execution, and governance around a bounded operating need.

Choose a platform dimension to inspect or configure.

Proof signal: A reader can choose one platform dimension and return to the Playbook.

Open live page · Implementation source

Components used to assemble the UI pattern

  • SubjectIndexPage
  • Section
  • Container
  • SectionHeader
  • IndexCardGrid
  • InlineLink

Public page contract registry · Primary implementation example

Rendered specimen

The specimen uses public-safe fixture copy. It proves rendering shape only; it does not prove beneficiary value or authorise work.

Open specimen in a full page

Presentation considerations

  • Keep item count small enough to compare without search.
  • Lead with the operating need, not the taxonomy.
  • Name evidence return and related routes so the hub does not become a dead shelf.
  • Use for public subject orientation; use a finder when the list is large or task matching matters.

Alternative design choices

Filterable finder

Use when the reader must search or facet a large catalogue rather than choose among a few curated paths.

Narrative landing

Use when the job is to earn belief or attention before asking the reader to choose a path.