{
  "schemaVersion": 2,
  "id": "85",
  "slug": "redaction-office",
  "name": "Redaction Office",
  "brand": "REDACTION OFFICE / Dossier 014",
  "family": "Avant-garde & experimental",
  "status": "ready",
  "thesis": "Revealing a line should change the meaning of what surrounds it.",
  "suitableFor": [
    "Experimental publishing",
    "Art exhibition",
    "Cultural storytelling"
  ],
  "character": "Experimental",
  "traits": {
    "composition": "Huge black redaction bands cut across pale lavender paper. Numbered evidence margins and stark oversized headings turn disclosure into the page architecture.",
    "navigation": "Reveal passages, compare annotations, reconstruct the dossier timeline",
    "typography": "IBM Plex Mono / DM Sans",
    "density": "Medium",
    "imagery": "Original SVG and CSS compositions",
    "surface": "A continuous browser-sized composition",
    "motion": "Optional"
  },
  "effort": "High",
  "definingFeatures": [
    "Progressive disclosure",
    "Conflicting annotations",
    "Evidence timeline"
  ],
  "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": [
      "Progressive disclosure",
      "Conflicting annotations",
      "Evidence timeline"
    ],
    "keywords": [
      "avant garde",
      "experimental",
      "unconventional navigation",
      "Progressive disclosure",
      "Conflicting annotations",
      "Evidence timeline"
    ]
  },
  "patterns": [
    "Progressive disclosure",
    "Conflicting annotations",
    "Evidence timeline"
  ],
  "entryRoute": "/preview/85-redaction-office/start",
  "states": [
    {
      "key": "annotation",
      "label": "A contested annotation",
      "route": "/preview/85-redaction-office/annotation"
    },
    {
      "key": "timeline",
      "label": "Reconstructed timeline",
      "route": "/preview/85-redaction-office/timeline"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/85/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/85/cd457beb3090b7ff-desktop.jpg",
      "route": "/preview/85-redaction-office/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:976f769c869dd6a0944e2310f03dc45dfc203e463d2c3423f0418912ba240e22",
      "sha256": "cd457beb3090b7ff327e453eb6ca69baee85e5ae4146a33e538d0d810a837540",
      "fullPage": false
    },
    {
      "file": "/previews/85/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/85/1d0ab16937fc282c-mobile.jpg",
      "route": "/preview/85-redaction-office/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:976f769c869dd6a0944e2310f03dc45dfc203e463d2c3423f0418912ba240e22",
      "sha256": "1d0ab16937fc282c51eee73e959c37b0eaff638b5ce4051b87c2da5d635d230d",
      "fullPage": false
    },
    {
      "file": "/previews/85/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/85/8c8a8428f92c2ac6-detail.jpg",
      "route": "/preview/85-redaction-office/annotation",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "annotation",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:976f769c869dd6a0944e2310f03dc45dfc203e463d2c3423f0418912ba240e22",
      "sha256": "8c8a8428f92c2ac6e09c05ed4d8a21da10f486cc2ead821a340d3d8da373e098",
      "fullPage": false
    },
    {
      "file": "/previews/85/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/85/e941b6033e100d6b-full-page.jpg",
      "route": "/preview/85-redaction-office/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:976f769c869dd6a0944e2310f03dc45dfc203e463d2c3423f0418912ba240e22",
      "sha256": "e941b6033e100d6bcfab89882d4aae30c74a48ef3d464d3e9ba7275317cfeeb4",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/85-redaction-office",
  "neighbours": [
    "10",
    "45"
  ],
  "researchSources": [
    {
      "title": "Moniker — Click Click Click",
      "url": "https://studiomoniker.com/projects/click-click-click"
    },
    {
      "title": "Conditional Design manifesto",
      "url": "https://conditionaldesign.org/manifesto/"
    }
  ],
  "palette": {
    "page": "#e8e0f1",
    "ink": "#19171c",
    "accent": "#633d7c",
    "surface": "#e8e0f1"
  },
  "fonts": [
    "IBM Plex Mono",
    "DM Sans"
  ],
  "brief": "**Idea.** Revealing a line should change the meaning of what surrounds it.\n\n**Composition.** Huge black redaction bands cut across pale lavender paper. Numbered evidence margins and stark oversized headings turn disclosure into the page architecture.\n\n**Navigation and complete example.** Reveal six passages in a fictional correspondence about a closed public garden, inspect two conflicting annotations and arrange the documented events chronologically.\n\n**Responsive and inclusive behaviour.** Redaction controls wrap as full-width bands, with reveal labels always visible and the evidence margin moved above each passage. 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.** Keep hidden text fictional or authorised for disclosure. Reveals should add context, and a full-dossier action must offer the same information without a puzzle. Retain the relationship between navigation and content. Do not reduce the reference to a generic hero followed by interchangeable cards.\n\n**Research.** [Moniker — Click Click Click](https://studiomoniker.com/projects/click-click-click); [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/85-redaction-office.zip"
}