APPENDIX D

Chapter Section

Same skeleton as Section Opener plus a glyph and a counter. Titles are Title Case.

HANDLE: chapter-section
LIVES IN: src/components/Editorial.jsx (Section, ChapterOpener)
USED ON: Case-study spine, six per chapter
PROPS: no · label (picks the glyph) · title · children

EXAMPLE

LIVE

As it renders.

¶ 03DECISIONS

03 / 06

The Calls We Made, with Rationale

The glyph and the counter are what separate this from the Section Opener. Six per chapter.

CODE

COPY AND PASTE

How it is called.

JSX

import { Section, ChapterOpener } from '../components/Editorial.jsx'

<Section no="03" label="DECISIONS" title="The Calls We Made, with Rationale">
  <ol className="rule">…</ol>
</Section>
{/* label picks the glyph: CONTEXT · CONSTRAINTS · DECISIONS · PROCESS · OUTCOME · REFLECTION */}

{/* the opener alone, inside a frame of its own (the Outcome plate) */}
<ChapterOpener no="05" label="OUTCOME" title="What Shipped and What It Moved." className="mb-8" />

RULES

What must stay true.