{
  "schemaVersion": 2,
  "id": "80",
  "slug": "braided-voices",
  "name": "Braided Voices",
  "brand": "COMMON HOUR / Four lives, one street",
  "family": "Avant-garde & experimental",
  "status": "ready",
  "thesis": "Follow a life through the points where it crosses another.",
  "suitableFor": [
    "Experimental publishing",
    "Art exhibition",
    "Cultural storytelling"
  ],
  "character": "Experimental",
  "traits": {
    "composition": "Four coloured text strands travel down a warm page, crossing at shared moments. Quotes, times and connecting curves become the navigation.",
    "navigation": "Choose a narrator, switch at a crossing, compare recollections",
    "typography": "Libre Baskerville / DM Sans",
    "density": "Medium",
    "imagery": "Original SVG and CSS compositions",
    "surface": "A continuous browser-sized composition",
    "motion": "Optional"
  },
  "effort": "High",
  "definingFeatures": [
    "Braided narration",
    "Shared moments",
    "Parallel transcripts"
  ],
  "adaptableChoices": [
    "Subject and original writing",
    "Palette and equivalent licensed typography",
    "Scale and number of content units"
  ],
  "discovery": {
    "industries": [
      "Arts",
      "Culture",
      "Experimental publishing"
    ],
    "visitorGoals": [
      "Explore a non-linear story"
    ],
    "conversionActions": [
      "Assemble a reading collection"
    ],
    "siteSize": "Interactive publication",
    "interactionTypes": [
      "Braided narration",
      "Shared moments",
      "Parallel transcripts"
    ],
    "keywords": [
      "avant garde",
      "experimental",
      "unconventional navigation",
      "Braided narration",
      "Shared moments",
      "Parallel transcripts"
    ]
  },
  "patterns": [
    "Braided narration",
    "Shared moments",
    "Parallel transcripts"
  ],
  "entryRoute": "/preview/80-braided-voices/start",
  "states": [
    {
      "key": "crossing",
      "label": "A shared moment",
      "route": "/preview/80-braided-voices/crossing"
    },
    {
      "key": "transcript",
      "label": "Complete transcript",
      "route": "/preview/80-braided-voices/transcript"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/80/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/80/f5ba6b9d21946242-desktop.jpg",
      "route": "/preview/80-braided-voices/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:8081bb1ec25452d874a222d0b8ad4cb6be379ba967f85e72dc9c583cb0202fd3",
      "sha256": "f5ba6b9d219462421c640ee5776d2e64a4e5d63b548030a4bc096ec47cb7d558",
      "fullPage": false
    },
    {
      "file": "/previews/80/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/80/8d1af8b400407515-mobile.jpg",
      "route": "/preview/80-braided-voices/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:8081bb1ec25452d874a222d0b8ad4cb6be379ba967f85e72dc9c583cb0202fd3",
      "sha256": "8d1af8b4004075157f66b6204174ce4367011878a645214d9dfb63ea4be016ee",
      "fullPage": false
    },
    {
      "file": "/previews/80/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/80/016bd64a93e10d8a-detail.jpg",
      "route": "/preview/80-braided-voices/crossing",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "crossing",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:8081bb1ec25452d874a222d0b8ad4cb6be379ba967f85e72dc9c583cb0202fd3",
      "sha256": "016bd64a93e10d8ad15a258693905f8fd83b9ffd36e6b13e5a18b5bc2e37bb68",
      "fullPage": false
    },
    {
      "file": "/previews/80/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/80/4404c04a94130824-full-page.jpg",
      "route": "/preview/80-braided-voices/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:8081bb1ec25452d874a222d0b8ad4cb6be379ba967f85e72dc9c583cb0202fd3",
      "sha256": "4404c04a94130824ffbef888d02b9011e39113f61e0a1ae68355e09b68bb3002",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/80-braided-voices",
  "neighbours": [
    "19",
    "73"
  ],
  "researchSources": [
    {
      "title": "Aaron Koblin — The Wilderness Downtown",
      "url": "https://www.aaronkoblin.com/project/the-wilderness-downtown/"
    },
    {
      "title": "Conditional Design manifesto",
      "url": "https://conditionaldesign.org/manifesto/"
    }
  ],
  "palette": {
    "page": "#f5eee5",
    "ink": "#292724",
    "accent": "#714347",
    "surface": "#f5eee5"
  },
  "fonts": [
    "Libre Baskerville",
    "DM Sans"
  ],
  "brief": "**Idea.** Follow a life through the points where it crosses another.\n\n**Composition.** Four coloured text strands travel down a warm page, crossing at shared moments. Quotes, times and connecting curves become the navigation.\n\n**Navigation and complete example.** Follow four neighbours through six moments in one day, switch voices at a crossing and compare their accounts in a complete transcript.\n\n**Responsive and inclusive behaviour.** Narrator controls remain explicit; each chronological crossing becomes a compact two-column weave, then a readable stacked transcript on very narrow screens. All controls are native buttons or labelled inputs. Movement is discretionary, no sound starts automatically, reduced-motion preferences remove transitions, and a direct index exposes the same content.\n\n**Adaptation.** Maintain different voices with common coordinates. Give readers a way to see who is speaking without relying on strand colour. Retain the relationship between navigation and content. Do not reduce the reference to a generic hero followed by interchangeable cards.\n\n**Research.** [Aaron Koblin — The Wilderness Downtown](https://www.aaronkoblin.com/project/the-wilderness-downtown/); [Conditional Design manifesto](https://conditionaldesign.org/manifesto/). These are conceptual precedents, not copied artwork, source code, branding or text. All diagrams and sample writing in this specimen are original, fictional material.",
  "scope": "Complete visual reference with deterministic local interactions and fictional content; no production backend.",
  "downloadUrl": "/downloads/80-braided-voices.zip"
}