Web 1.0 vs Web 2.0 Gloss
ウェブ1.0 / ウェブ2.0グロス
Both sit in Digital Retro, so the question is not what they belong to but how they behave. Both are read here as style. They are reached for with some of the same intent, which is where they get confused.
Web 1.0
Reuses the naivety of the constrained early web as directness and charm.
Web 2.0 Gloss
Explains digital interaction as something touchable through gloss, roundness and reflection. It names what the web made when it tried to reproduce the texture of Aqua with images and CSS.
| Web 1.0 | Web 2.0 Gloss | |
|---|---|---|
| Era | 1990s | 2000s |
| Family | Digital Retro | Digital Retro |
| Kind | Style | Style |
| Cues | Blue links / Low-res GIFs / System fonts / Plain buttons | Glossy buttons / Strong gradients / Reflections / Rounded corners |
| Best used for | Showing affection for internet culture · An unpolished, approachable feel | Nostalgia for the 2000s web · Visually amplifying the joy of interaction |
| Type | System sans and monospace | A rounded sans-serif |
| Composition | Left-aligned, borders, table-like division | Centered, with a dimensional button as the focus |
| Material | White background, blue links, dithered images | Blue gradients, white highlights |
| Caution | Don't regress actual accessibility. Separate the look from interaction quality. | In real UI, restrain shadows and reflections so state differences stay legible. |