Retro & nostalgia · 2004–2014
Frutiger Aero
Clean gloss and translucency layered over lush nature imagery — blue skies, water droplets, green meadows — the official aesthetic of the late-2000s digital world.
Live preview base style — press Wear
$2,100
Revenue, up 12% from last month.
| Customer | Plan | Status | MRR |
|---|---|---|---|
| Northwind | Studio | Active | $1,240 |
| Acme Labs | Team | Trial | $0 |
| Kaldi Coffee | Studio | Active | $860 |
Use this style 16 tokens
- --bg
oklch(93% 0.045 215) - --fg
oklch(20% 0.04 235) - --muted
oklch(45% 0.05 225) - --surface
oklch(97% 0.015 210) - --surface-2
oklch(88% 0.04 215) - --border
oklch(74% 0.06 220) - --accent
oklch(55% 0.18 210) - --accent-fg
oklch(99% 0 0) - --focus
oklch(60% 0.2 210)
| Token | Value |
|---|---|
| --font-body | 'Fira Sans', 'Segoe UI', system-ui, sans-serif |
| --font-display | 'Fira Sans', 'Segoe UI', system-ui, sans-serif |
| --font-mono | 'Courier New', ui-monospace, monospace |
| --radius | 12px |
| --radius-sm | 8px |
| --shadow | 0 2px 8px oklch(20% 0.04 235 / 0.18), 0 1px 0 oklch(100% 0 0 / 0.5) inset |
| --shadow-lg | 0 16px 48px oklch(20% 0.04 235 / 0.28) |
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;600;700&display=swap');
:root {
--bg: oklch(93% 0.045 215);
--fg: oklch(20% 0.04 235);
--muted: oklch(45% 0.05 225);
--surface: oklch(97% 0.015 210);
--surface-2: oklch(88% 0.04 215);
--border: oklch(74% 0.06 220);
--accent: oklch(55% 0.18 210);
--accent-fg: oklch(99% 0 0);
--focus: oklch(60% 0.2 210);
--font-body: 'Fira Sans', 'Segoe UI', system-ui, sans-serif;
--font-display: 'Fira Sans', 'Segoe UI', system-ui, sans-serif;
--font-mono: 'Courier New', ui-monospace, monospace;
--radius: 12px;
--radius-sm: 8px;
--shadow: 0 2px 8px oklch(20% 0.04 235 / 0.18), 0 1px 0 oklch(100% 0 0 / 0.5) inset;
--shadow-lg: 0 16px 48px oklch(20% 0.04 235 / 0.28);
}Where it came from
Origin: Windows Vista and 7, early smartphones, corporate consumer software
Named in 2017 by Sofi Xian of the Consumer Aesthetics Research Institute, after the humanist Frutiger typeface and Windows Aero glass, this aesthetic defined operating systems, consumer devices, and corporate software in the late 2000s. Windows Vista and 7 were its clearest expression — glossy taskbars, translucent glass window chrome, and stock imagery of water, bubbles, sky and green fields. It felt aspirational and clean before flat design declared it obsolete.
How to spot it
- Translucent gloss overlays on saturated nature or sky backgrounds
- Aqua blues and fresh greens at high chroma
- Rounded shapes with multi-stop highlight gradients
- Clean humanist sans-serif typography, generous line height
Trade-offs
| Strengths | Weaknesses |
|---|---|
| Warm and optimistic — makes software feel approachable | Dated and kitsch to modern eyes |
| Strong depth without full skeuomorphism | Nature imagery is hard to adapt to serious contexts |
| Unmistakably evokes a specific, fondly remembered era | Glass and gradients add visual complexity |
In the wild
- Windows Vista and 7 Aero glass and default wallpapers
- Wii and Xbox 360 console menus
- Late-2000s corporate stock imagery of water, bubbles and sky
Use it when
Nostalgia content, throwback campaigns, or anytime a late-2000s "clean tech" feeling is the point.