CSS Experiment: Attention Gradients

Attention Gradients: Visual Focus Management How can visual design guide different types of attention? This experiment explores CSS techniques for managing reader focus through gradients, opacity effects, and dynamic highlighting. Rather than presenting text as uniformly important, these techniques create visual hierarchies that support different reading modes. The Experiment Try different attention modes on the text below. Each mode uses visual techniques to support different reading goals: focus (finding key insights), overview (understanding structure), reading (optimal comprehension), and scan (rapid information extraction).

Read →

Scroll Archaeology

Scroll Archaeology excavating meaning through vertical motion # What Lies Beneath Reading is archaeology. Every page is a dig site where meaning has accumulated in layers — headings settle first, like the heaviest sediment, while body text drifts down more slowly. Images sink deepest, requiring the most careful excavation. ## The Stratigraphy of Attention Traditional reading assumes all text exists at the same level, equally available. But digital space allows for stratification — content that reveals itself according to the reader’s willingness to dig.

Read →

The Digital Pathology Lab

The Digital Pathology Lab Clinical Analysis of Failed Digital Interactions Case studies in the breakdown of human-computer interface Clinical Overview The Digital Pathology Lab documents recurring patterns of interface-induced dysfunction: compulsive engagement, attention fragmentation, phantom sensory experiences. These represent not individual pathology but systemic design failures — interfaces optimized for engagement metrics rather than human wellbeing. Case Study 1: Phantom Vibration Syndrome ICD-D Code: 42.1 | Prevalence: 68% of smartphone users

Read →