Section · Product storytelling

Systems & workforce explorer

Connected-system map followed by navigation across the four operational teams.

Component gallery

The section at every supported size.

Shows that each agent works through shared systems and belongs to one coordinated operating model.

Desktop1440 × 760
Live component specimen
Tablet900 × 680
Live component specimen
Mobile390 × 720
Live component specimen

Build recipe

Anatomy and content rules

Anatomy

  1. Central Anchr or brain node
  2. Variable connected nodes
  3. Dashed connectors
  4. Team explorer links

Content checklist

  • Vary connected-node counts
  • Keep every line attached
  • Use real system categories
  • End with one operating-model statement

Composition guidance

Place it with compatible sections.

Works beside

Workflow feature sequenceSite footer

Live usage

/case-studies

Source reference

app/components/SolutionDetailPage.tsxapp/components/SolutionSystemsMap.tsxapp/content/solutions.ts