Design reference 76 · Avant-garde & experimental
Folded Matter
Reading order emerges from the folds of one continuous sheet.
Download design ZIP · Open interactive specimen
Design specification
Idea. Reading order emerges from the folds of one continuous sheet.
Composition. An acid-yellow six-panel sheet fills the page; black slab-like headlines, hairline creases and triangular paper folds connect its parts.
Navigation and complete example. Unfold six contributions to a small-press assembly, read a contributor’s substantial spread, and add selected readings to a printable itinerary.
Responsive and inclusive behaviour. The connected sheet becomes a single accordion, preserving numbered creases and panel order. 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. Preserve the single-sheet continuity and variable panel scale; let folds reveal useful content rather than hiding essential navigation. Retain the relationship between navigation and content. Do not reduce the reference to a generic hero followed by interchangeable cards.
Research. [Moniker — Conditional Design Workbook](https://studiomoniker.com/projects/conditional-design-workbook); [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.
Files for a coding model
Reference images
- Desktop — 1440 × 1000 viewport
- Phone — 390 × 844 viewport
- Supporting state — 1440 × 1000 viewport
- Full page — 1440 × 1000 viewport
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.