We build for deep reading.
Vol. I // The Interface of Attention
Story Interface is a catalogue of structural narrative patterns, interaction models, and brutalist typographic systems designed to sustain attention in the digital age.
The Manifesto
The modern web is an engine of distraction. We are abandoning deep reading in favor of scanning, endless scrolling, and fractured attention. But interface design is not neutral. It is structural rhetoric.
When we design for engagement, we get addiction. When we design for comprehension, we get something else entirely.
Read the full text →Structural Typography
To read is to engage in a sustained act of attention. The interface must respect this. We reject the default assumption that all text must be broken into 300-word chunks separated by stock photography. Instead, we look to the traditions of print: the broadsheet, the academic journal, the well-set novel.
We use typographic hierarchy not merely to make things look "designed," but to structure thought. A drop cap signals the beginning of an argument. A pull quote highlights the thesis. Marginal notes provide necessary context without breaking the flow of the main text. Every typographic choice is a rhetorical one.
The goal is not beauty for its own sake, but clarity and endurance. How do we design an interface that makes reading a 5,000-word essay not a chore, but a pleasure? It begins with the line length, the leading, and the quiet dignity of a well-chosen serif.
The Pattern Index
A comprehensive directory of UI patterns specifically designed for long-form narrative content. Each pattern includes structural analysis, common pitfalls, and code examples.
Browse 24+ Patterns →| Category | Pattern Count |
|---|---|
| Structural | 8 |
| Interactive | 6 |
| Typographic | 10 |
Tools for Thinking
The Reading List
Foundational texts on interface design, typography, and the psychology of reading.
- Bringhurst, R. (1992). The Elements of Typographic Style.
- Lupton, E. (2004). Thinking with Type.
- Tufte, E. (1983). The Visual Display of Quantitative Information.
Join the Archive
Subscribe to receive occasional essays on narrative UI, typographic structure, and the mechanics of deep reading.