Design reference 90 · Avant-garde & experimental

Mobius Journal

A finished account and its discarded drafts belong to the same surface.

Download design ZIP · Open interactive specimen

Design specification

Idea. A finished account and its discarded drafts belong to the same surface.

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 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.

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.

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.

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.

Files for a coding model

Reference images

Supporting routes

Reuse

Use and adapt the original code and specifications for personal or commercial work under MIT. Keep applicable font and photo notices. The ZIP includes the complete runnable reference and its local assets.

Asset notices · Agent instructions