{
  "schemaVersion": 2,
  "id": "92",
  "slug": "interface-witness",
  "name": "Interface Witness",
  "brand": "WITNESS / A local performance",
  "family": "Avant-garde & experimental",
  "status": "ready",
  "thesis": "The interface can make your actions the material of a short performance.",
  "suitableFor": [
    "Experimental publishing",
    "Art exhibition",
    "Cultural storytelling"
  ],
  "character": "Experimental",
  "traits": {
    "composition": "One enormous violet circular button occupies a mostly empty page. Numbered observations accumulate around it, gradually turning the whitespace into a visible transcript.",
    "navigation": "Act, repeat, undo, read an observation and reset the local trace",
    "typography": "Space Grotesk / IBM Plex Mono",
    "density": "Medium",
    "imagery": "Original SVG and CSS compositions",
    "surface": "A continuous browser-sized composition",
    "motion": "Optional"
  },
  "effort": "High",
  "definingFeatures": [
    "Action-driven narrative",
    "Visible local transcript",
    "Reversible performance"
  ],
  "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": [
      "Action-driven narrative",
      "Visible local transcript",
      "Reversible performance"
    ],
    "keywords": [
      "avant garde",
      "experimental",
      "unconventional navigation",
      "Action-driven narrative",
      "Visible local transcript",
      "Reversible performance"
    ]
  },
  "patterns": [
    "Action-driven narrative",
    "Visible local transcript",
    "Reversible performance"
  ],
  "entryRoute": "/preview/92-interface-witness/start",
  "states": [
    {
      "key": "observation",
      "label": "An observation",
      "route": "/preview/92-interface-witness/observation"
    },
    {
      "key": "transcript",
      "label": "Complete local transcript",
      "route": "/preview/92-interface-witness/transcript"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/92/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/92/374987588463c7af-desktop.jpg",
      "route": "/preview/92-interface-witness/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:3d4a64f2ce4e72219e9ecb906ad7debe117908e705b804d919705f6fd189a159",
      "sha256": "374987588463c7afeaa3d3c548e86d6cf0a203ffc2d0cf243e730aa81bde51bf",
      "fullPage": false
    },
    {
      "file": "/previews/92/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/92/3b7a92d028b89f48-mobile.jpg",
      "route": "/preview/92-interface-witness/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:3d4a64f2ce4e72219e9ecb906ad7debe117908e705b804d919705f6fd189a159",
      "sha256": "3b7a92d028b89f48437b48f68f245d258351a969f303f4f1acbf1d3b9367d852",
      "fullPage": false
    },
    {
      "file": "/previews/92/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/92/403d4b04f3f1d3fe-detail.jpg",
      "route": "/preview/92-interface-witness/observation",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "observation",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:3d4a64f2ce4e72219e9ecb906ad7debe117908e705b804d919705f6fd189a159",
      "sha256": "403d4b04f3f1d3fe9ddcf79d379a7f67ff7e0b6bf61db91c4b4fcd2acbe8dcb0",
      "fullPage": false
    },
    {
      "file": "/previews/92/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/92/26f016e2c4dcc7e3-full-page.jpg",
      "route": "/preview/92-interface-witness/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:3d4a64f2ce4e72219e9ecb906ad7debe117908e705b804d919705f6fd189a159",
      "sha256": "26f016e2c4dcc7e37efb52f3eb408adf58b6b011126b6e98551e165cd0dbec84",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/92-interface-witness",
  "neighbours": [
    "41",
    "45"
  ],
  "researchSources": [
    {
      "title": "Moniker — Click Click Click",
      "url": "https://studiomoniker.com/projects/click-click-click"
    }
  ],
  "palette": {
    "page": "#faf9f4",
    "ink": "#21232b",
    "accent": "#433dab",
    "surface": "#faf9f4"
  },
  "fonts": [
    "Space Grotesk",
    "IBM Plex Mono"
  ],
  "brief": "**Idea.** The interface can make your actions the material of a short performance.\n\n**Composition.** One enormous violet circular button occupies a mostly empty page. Numbered observations accumulate around it, gradually turning the whitespace into a visible transcript.\n\n**Navigation and complete example.** Perform six explicit actions, see deterministic observations appear, open the essay behind an observation and revisit or clear the session transcript. No passive behavioural profiling occurs.\n\n**Responsive and inclusive behaviour.** The main action scales to the screen; observations appear in a readable list below it instead of overlapping. All actions remain labelled native buttons. 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.** Observe only intentional actions, state the local scope and avoid inferred personal traits. The performance should reveal its rules rather than manipulate the visitor. 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). 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/92-interface-witness.zip"
}