The Dissonance of Modern Web Design
A critique on the homogeneity of interface design and the case for bringing editorial rigidity back to the digital medium.
The Art of Refraint
A design language built on the foundation of print editorial. Embracing empty space, stark typography, and the tactile warmth of physical media.
This system replaces conventional web aesthetics—drop shadows, rounded corners, and vibrant gradients—with a disciplined elegance. It relies on 1px hairline rules for structure, off-white paper tones for depth, and sharp, zero-radius corners to enforce a layout that feels both rigorous and human.
Color Palette
Limited, deliberate, and warm. The palette mimics natural ink on uncoated paper stocks, featuring a single tan signature color used exclusively for quiet emphasis.
Paper Base
Paper Alt
Warm Ink
Faded Ink
Editorial Tan
Fine Hairline
Type System
Playfair Display provides narrative voice through its prominent italics. Instrument Sans Light acts as the quiet workhorse for long-form reading. Small-caps tracking is exclusively reserved for structural metadata.
A Return to Craft
The Geometry of Attention
We read differently on screens, scanning rather than absorbing. To counter this, we introduce friction through typography—asking the eye to slow down. The deliberate lightness of the body copy recedes, allowing the narrative structure to stand at the forefront, devoid of unnecessary visual noise.
Interactive Components
Action Surfaces
Strictly sharp corners. Interactions rely on solid color fills rather than elevation changes or drop shadows.
Inputs & Fields
Forms feel like filling out high-grade stationery. Light backgrounds, hairline borders, serif italic placeholders.
Composition Examples
Demonstrating tables and article blocks using the 1px hairline rule and selective tan accents.
| Token | Value | Role |
|---|---|---|
| Radius | 0px | Absolute sharpness |
| Shadow | None | Flat surface tension |
| Rule | 1px Solid | Structural boundaries |