Design reference 80 · Avant-garde & experimental
Braided Voices
Follow a life through the points where it crosses another.
Download design ZIP · Open interactive specimen
Design specification
Idea. Follow a life through the points where it crosses another.
Composition. Four coloured text strands travel down a warm page, crossing at shared moments. Quotes, times and connecting curves become the navigation.
Navigation and complete example. Follow four neighbours through six moments in one day, switch voices at a crossing and compare their accounts in a complete transcript.
Responsive and inclusive behaviour. Narrator controls remain explicit; each chronological crossing becomes a compact two-column weave, then a readable stacked transcript on very narrow screens. 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. Maintain different voices with common coordinates. Give readers a way to see who is speaking without relying on strand colour. Retain the relationship between navigation and content. Do not reduce the reference to a generic hero followed by interchangeable cards.
Research. [Aaron Koblin — The Wilderness Downtown](https://www.aaronkoblin.com/project/the-wilderness-downtown/); [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.