{
  "schemaVersion": 2,
  "id": "90",
  "slug": "mobius-journal",
  "name": "Mobius Journal",
  "brand": "BOTH SIDES / A walking edition",
  "family": "Avant-garde & experimental",
  "status": "ready",
  "thesis": "A finished account and its discarded drafts belong to the same surface.",
  "suitableFor": [
    "Experimental publishing",
    "Art exhibition",
    "Cultural storytelling"
  ],
  "character": "Experimental",
  "traits": {
    "composition": "A cobalt ribbon folds across a cream field, with numbered seams, reversed faces and long horizontal passages. Flipping exposes process writing on the back.",
    "navigation": "Follow six seams, flip finished writing to field notes, inspect the finite index",
    "typography": "Libre Baskerville / IBM Plex Mono",
    "density": "Medium",
    "imagery": "Original SVG and CSS compositions",
    "surface": "A continuous browser-sized composition",
    "motion": "Optional"
  },
  "effort": "High",
  "definingFeatures": [
    "Two-sided reading",
    "Ribbon navigation",
    "Draft comparison"
  ],
  "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": [
      "Two-sided reading",
      "Ribbon navigation",
      "Draft comparison"
    ],
    "keywords": [
      "avant garde",
      "experimental",
      "unconventional navigation",
      "Two-sided reading",
      "Ribbon navigation",
      "Draft comparison"
    ]
  },
  "patterns": [
    "Two-sided reading",
    "Ribbon navigation",
    "Draft comparison"
  ],
  "entryRoute": "/preview/90-mobius-journal/start",
  "states": [
    {
      "key": "station",
      "label": "A station in two versions",
      "route": "/preview/90-mobius-journal/station"
    },
    {
      "key": "index",
      "label": "All six seams",
      "route": "/preview/90-mobius-journal/index"
    }
  ],
  "referenceImages": [
    {
      "file": "/previews/90/desktop.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/90/370d38f6aa258fa9-desktop.jpg",
      "route": "/preview/90-mobius-journal/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:9dffbdf2355092d026db93e6cf37161a72c323443f53a3234182c9e2a0a70613",
      "sha256": "370d38f6aa258fa9db3c4307565abfd3c9c771067f34c84b30b9d51527dca649",
      "fullPage": false
    },
    {
      "file": "/previews/90/mobile.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/90/24535860ef2f31c4-mobile.jpg",
      "route": "/preview/90-mobius-journal/start",
      "viewport": {
        "width": 390,
        "height": 844
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:9dffbdf2355092d026db93e6cf37161a72c323443f53a3234182c9e2a0a70613",
      "sha256": "24535860ef2f31c45ea250059eb78d38ef9f74c85ecc4f6937ddcbdb97e477a1",
      "fullPage": false
    },
    {
      "file": "/previews/90/detail.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/90/128ce7686f8ff069-detail.jpg",
      "route": "/preview/90-mobius-journal/station",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "station",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:9dffbdf2355092d026db93e6cf37161a72c323443f53a3234182c9e2a0a70613",
      "sha256": "128ce7686f8ff069289bfe97661920e1abcf462a30632f5dd06b549eb31034f9",
      "fullPage": false
    },
    {
      "file": "/previews/90/full-page.jpg",
      "url": "https://drew-site-design-library.t3.tigrisfiles.io/references/90/fcaca8ca50b119c2-full-page.jpg",
      "route": "/preview/90-mobius-journal/start",
      "viewport": {
        "width": 1440,
        "height": 1000
      },
      "state": "start",
      "fixture": "deterministic-2026-11-v1",
      "sourceRevision": "sha256:9dffbdf2355092d026db93e6cf37161a72c323443f53a3234182c9e2a0a70613",
      "sha256": "fcaca8ca50b119c28cd84f4ab9dd4a1dcd67877783c5f48c189fa376a510dd23",
      "fullPage": true
    }
  ],
  "sourcePath": "src/designs/90-mobius-journal",
  "neighbours": [
    "26",
    "08"
  ],
  "researchSources": [
    {
      "title": "Conditional Design manifesto",
      "url": "https://conditionaldesign.org/manifesto/"
    },
    {
      "title": "Aaron Koblin — The Wilderness Downtown",
      "url": "https://www.aaronkoblin.com/project/the-wilderness-downtown/"
    }
  ],
  "palette": {
    "page": "#e8e6da",
    "ink": "#1b3c89",
    "accent": "#1b3c89",
    "surface": "#e8e6da"
  },
  "fonts": [
    "Libre Baskerville",
    "IBM Plex Mono"
  ],
  "brief": "**Idea.** A finished account and its discarded drafts belong to the same surface.\n\n**Composition.** A cobalt ribbon folds across a cream field, with numbered seams, reversed faces and long horizontal passages. Flipping exposes process writing on the back.\n\n**Navigation and complete example.** Follow six stations of an imagined river walk, flip between polished prose and field notes and read a station’s two versions together.\n\n**Responsive and inclusive behaviour.** The ribbon becomes a vertically folded strip with discrete seam controls. Flipping is a button action, never a motion or orientation requirement. 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.** Use the two faces for a meaningful editorial relation such as account/evidence or finished/draft. Keep a finite index and stable location labels. Retain the relationship between navigation and content. Do not reduce the reference to a generic hero followed by interchangeable cards.\n\n**Research.** [Conditional Design manifesto](https://conditionaldesign.org/manifesto/); [Aaron Koblin — The Wilderness Downtown](https://www.aaronkoblin.com/project/the-wilderness-downtown/). 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/90-mobius-journal.zip"
}