aurora-wallpapers.zip
42% complete · 12 MB/s
Hover the ✕ — Aero floods it red; the wallpaper glows through the frame
Windows Aero
Vendor design language
Microsoft's official name for the Windows Vista/7 desktop experience (2006), often expanded as 'Authentic, Energetic, Reflective, Open'; the glass is rendered by the Desktop Window Manager.
also called Aero, Aero Glass
Windows Aero is Microsoft's Vista and Windows 7 desktop language: window FRAMES rendered as transparent blurred glass with specular light sweeps, so the desktop glows through every title bar; luminous color gradients; caption buttons that light up under the cursor (the red close glow); shimmering green progress bars; and smooth window motion like Flip 3D and the minimize animation. Microsoft's launch messaging named the glass, the reflections, and the animation as the product.
Scope: This entry covers Microsoft's actual OS chrome (Vista 2006 to Windows 7, retired by Windows 8's flat Metro). The broader glossy eco-tech mood of the same years — sky, grass, water imagery — is Frutiger Aero, a retrospective label that borrowed Aero's name.
If you called it…
…you meant Windows Aero.
What makes it this — the defining signals
- Transparent blurred window frameDepth & light
The title bar and window border are real translucent glass — the wallpaper and windows behind blur through them, while the window's content area stays opaque.
- Specular sweeps and reflectionsSurface & material
Diagonal light streaks cross the glass and controls, as if the chrome were polished — reflection is part of the material, not an accent.
- Glowing hot controlsColor & contrast
Controls light up under the cursor: the close button floods red, min/max glow blue, buttons gain a luminous halo — glow is the hover language.
- Luminous depth gradientsColor & contrast
Blues and greens that glow as if backlit — the shimmering green progress bar and pearlescent button fills, never flat color.
Style brief — paste into your agent
Create the surface using Windows Aero (Vista/7) styling. Defining signals: the window frame as transparent blurred glass — title bar and border show the scene behind them (backdrop-filter: blur(12px) saturate(1.3) on a rgba white/blue tint) while the content area stays opaque; diagonal specular light sweeps across the glass (a rotated linear-gradient white streak at low opacity); caption buttons that GLOW on hover — close floods red with a soft outer halo; luminous gradients for accents, like the shimmering green progress bar (gradient + a slow-moving highlight); 1px bright inner edge lining every glass pane; softly rounded chrome corners. Keep wallpaper and layout flexible — the glass needs something colorful behind it to read. Do not drift into Frutiger Aero: no nature imagery is required — this is the chrome language, not the era's mood board. Preserve title text legibility over unpredictable wallpapers (Aero drew a soft glow behind window titles — replicate it), 4.5:1 contrast for content text, hover glows paired with visible focus states, and reduced-motion alternatives for shimmer and window animation.
Often confused with Frutiger Aero
The same little app, rendered in both styles — only the style changes, so the difference you see IS the difference.
Welcome back
Pick up where you left off.
Windows Aero
Welcome back
Pick up where you left off.
Windows Aero
This is Windows Aero because it's the OS chrome itself — glass window frames, glowing caption buttons, luminous progress bars, shipped by Microsoft.
It would become Frutiger Aero if you meant the whole era's optimistic eco-tech MOOD — glossy nature wallpapers, water droplets, skies — which surrounded the chrome but isn't the chrome.
vs Glassmorphism: This is Windows Aero because the glass is architectural — the window's frame and title bar — with specular sweeps and glowing controls in one vendor's system. It would become glassmorphism if the glass detached from window chrome into generic frosted CARDS floating over a colorful background, borderless of any OS.
vs Aqua: This is Windows Aero because the material is transparent architecture — you look THROUGH the chrome at the desktop behind it. It would become Aqua if the transparency turned into opaque luminous candy — gel buttons and pinstripes you look AT, not through.
Full style DNA
Depth & light
The title bar and window border are real translucent glass — the wallpaper and windows behind blur through them, while the window's content area stays opaque.
Surface & material
Diagonal light streaks cross the glass and controls, as if the chrome were polished — reflection is part of the material, not an accent.
Color & contrast
Controls light up under the cursor: the close button floods red, min/max glow blue, buttons gain a luminous halo — glow is the hover language.
Blues and greens that glow as if backlit — the shimmering green progress bar and pearlescent button fills, never flat color.
Motion
Windows animate open, minimize with a swoop, and stack in Flip 3D — composited motion was the point of the new rendering engine.
Geometry & borders
Window corners and buttons are gently rounded with 1px bright edge highlights lining the glass.
Imagery & ornament
Grass, sky, and fish belong to the era's mood, not the OS chrome — needing them means you're describing Frutiger Aero.
In code — optional starting points
The brief above is framework-neutral; these are concrete handles if your stack matches.
| CSS | background: rgba(190, 215, 240, .35); backdrop-filter: blur(12px) saturate(1.3); border: 1px solid rgba(255,255,255,.6); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 8px 24px rgba(0,20,60,.35); | The glass frame: tinted blur + double bright edge |
| CSS | .close:hover { background: radial-gradient(circle at 50% 40%, #ff9d8a, #e81123 70%); box-shadow: 0 0 10px rgba(232,17,35,.7); } | The signature red close-button glow |
| CSS | background: linear-gradient(180deg,#8ef08e,#1fbf3a 45%,#0f9e2c); overlay: a 30%-wide white gradient strip animated left→right every 2s; | The Windows 7 progress shimmer — pause under prefers-reduced-motion |
Accessibility & misuse
- Glass over an unknown wallpaper makes title text unpredictable — Aero itself painted a soft white glow behind captions; do the same or guarantee a dark tint.
- Hover glow is invisible to keyboard users — every glowing control needs an equally visible :focus-visible treatment.
- backdrop-filter over animated content is expensive; on low-power devices provide a solid fallback (Vista itself shipped 'Aero Basic' for exactly this).
Origin
Shipped with Windows Vista in 2006 (premium editions) as the flagship of the Desktop Window Manager's new composited rendering, refined and default in Windows 7 (2009); Windows 8 (2012) removed the glass for flat Metro chrome.