Skip to content

Storybook pages B: banyan, two courtyards, gathering #257

Description

@thisisankit27

Part of #239 · Depends on: #240 (approved style frames), #251, #253

Why

These three archetypes carry the family chapters that give the book its structure between the
opening and the lane — ancestors on the banyan, the two grandparent households, and the everyday
gatherings of parents, siblings, spouses, and children. Grouped together because they share the
same "several people, composed by relationship" shape.

What to build

site/book/story/pages/, consuming #251's page plans, #252's copy, and #253's frames/avatars/
motifs on #254's banyan and courtyard scenes:

  • Banyan medallions: F's earliest known ancestors placed on the banyan's roots, medallion
    frames, with Story copy: sentences, fallbacks and kin captions #252's "N generations before F" caption.
  • Two courtyards: paternal and maternal grandparents as two households (one household when
    only one side is known), each on its own courtyard scene.
  • Gathering band: the shared composition for parents-with-siblings-smaller, siblings grouped
    by shared parents, spouses and in-laws, and children/grandchildren — a row-based layout using
    marigold-string marriage connectors and branch-based child placement, per the design system's
    "kinship by composition, not lines between boxes" rule.

Acceptance criteria

Tests

Gotchas

  • Composition-only kinship (marigold strings, branch placement) is a design constraint, not just a
    style choice — resist the urge to add a connecting line or label "for clarity"; that's explicitly
    against Storybook design: the Aangan design system and six style frames (approval gate) #240's approved direction.
  • The two-courtyards one-side-only case is easy to test shallowly (just hide the missing side) but
    easy to get visually wrong (leftover empty space, off-centre composition) — check it visually
    against a frame, not just structurally.

Out of scope

🤖 Generated with Claude Code

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    aangan-storybookFamily book storybook redesign (Aangan)enhancementNew feature or requestfamily-bookThe Family book PDF, its templates and the premium switch (#155 #156 #157)

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions