Grunge vs Web 1.0
グランジ / ウェブ1.0
Grunge comes from Counterculture and Web 1.0 from Digital Retro. Both are read here as style. They are reached for with some of the same intent, which is where they get confused.
Grunge
Uses dirt, tears and wear as resistance to the neatly managed screen.
Web 1.0
Reuses the naivety of the constrained early web as directness and charm.
| Grunge | Web 1.0 | |
|---|---|---|
| Era | 1990s | 1990s |
| Family | Counterculture | Digital Retro |
| Kind | Style | Style |
| Cues | Scuffing / Tears / Disordered type / Low-quality copies | Blue links / Low-res GIFs / System fonts / Plain buttons |
| Best used for | Body heat for music and street culture · Deliberately breaking the look of a finished product | Showing affection for internet culture · An unpolished, approachable feel |
| Type | Decayed sans, typewriter faces | System sans and monospace |
| Composition | Overlap and crop; keep alignment only in places | Left-aligned, borders, table-like division |
| Material | Dirty paper, grain, low chroma plus one accent | White background, blue links, dithered images |
| Caution | Texture overlays alone feel dated. Run the logic of wear through photo, type and margin alike. | Don't regress actual accessibility. Separate the look from interaction quality. |