Frutiger Aero vs Web 2.0 Gloss
フルティガー・エアロ / ウェブ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.
Frutiger Aero
.jpg)
Shows glossy digital technology as an approachable future by tying it to blue sky, water, grass and bubbles. The gloss is the same as Aqua's, but Aqua is the texture of a control and this is the world of the wallpaper and the advert.
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.
| Frutiger Aero | Web 2.0 Gloss | |
|---|---|---|
| Era | mid-2000s–early 2010s | 2000s |
| Family | Digital Retro | Digital Retro |
| Kind | Style | Style |
| Cues | Blue sky and grass / Transparent bubbles / Glossy UI / Humanist type | Glossy buttons / Strong gradients / Reflections / Rounded corners |
| Best used for | Launching consumer hardware or apps that need to feel warm rather than technical · Advertising water or environmental services as a clean and bright future | Nostalgia for the 2000s web · Visually amplifying the joy of interaction |
| Type | Rounded humanist sans set bold with a faint gloss | A rounded sans-serif |
| Composition | Give the lower half to water and grass, float the product above | Centered, with a dimensional button as the focus |
| Material | Sky blue gradients, transparent bubbles, water drops, strong highlights | Blue gradients, white highlights |
| Caution | Adding bubbles and gloss without saying anything about the technology turns the image into nostalgic wallpaper and the product goes unexplained. | In real UI, restrain shadows and reflections so state differences stay legible. |