Frutiger Aero / Glossy Horizons (2004–13)

/* Synthesized from Trova family: Frutiger Aero / Glossy Horizons (2004–13) (frutiger-aero-gloss) */
/* Evidence base: 3 curated reference(s) · Primary contrast 16.7:1 */
:root {
  /* Surface & Polarity (Daylight-paper dominant) */
  --surface-ground: #f0f9ff;
  --surface-elevated: #1e293b;
  --text-primary: #0f172a;
  --accent-primary: #38bdf8;
  --border-hairline: color-mix(in srgb, #0f172a 16%, transparent);

  /* Typography (Loadable open-source stack mapped from observed specimens) */
  --font-display: "Segoe UI", system-ui, sans-serif;
  --font-body: "Consolas", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Structural Geometry */
  --radius-surface: 0px;
  --measure-body: 62ch;
}

# Frutiger Aero / Glossy Horizons (2004–13) — style sheet

> Lush green grass hills against brilliant blue skies, glossy transparent glass water bubbles, lens flares, and tropical fish.

Derived from 3 curated reference(s) in the `frutiger-aero-gloss` family. Counts are how many references use a value, so a value used once is a lead, not a rule. Paste this into DESIGN.md as a starting system, then verify against the images.

## Type

- Segoe UI — 2/3
- Consolas — 1/3
- Frutiger — 1/3
- Helvetica Neue — 1/3
- Lucida Grande — 1/3
- Rodin — 1/3

## Color

- `#f0f9ff` light neutral — 3/3
- `#38bdf8` chromatic — 2/3
- `#0f172a` dark neutral — 1/3
- `#1e293b` dark neutral — 1/3
- `#0b3c5d` dark neutral — 1/3
- `#334155` muted — 1/3
- `#e11d48` chromatic — 1/3
- `#1d84b5` chromatic — 1/3
- `#94a3b8` muted — 1/3
- `#65c18c` chromatic — 1/3

Readable pairs from these swatches, most-used first (WCAG AA body text needs 4.5:1):
- `#0f172a` / `#f0f9ff` — 16.7:1
- `#1e293b` / `#f0f9ff` — 13.7:1
- `#0b3c5d` / `#f0f9ff` — 10.8:1
- `#334155` / `#f0f9ff` — 9.7:1

## Moves

### texture/material

- Create the signature 2007 gloss button by layering a hard 50% top-half white linear gradient (`rgba(255,255,255,0.65) 0%, rgba(255,255,255,0.08) 50%, transparent 51%`) over a saturated cyan-to-emerald base with an inner `1px` specular ring. — 184-frutiger-aero-archive-specular-glass-orbs-aurora-ribbons-dewdrop-ui
- Superimpose diagonal 45-degree translucent light streaks across a `backdrop-filter: blur(18px) saturate(160%)` window frame bordered by a `1px solid rgba(255,255,255,0.45)` outer bevel and a `1px solid rgba(0,0,0,0.6)` outer shadow. — 186-aero-glass-window-study-gaussian-frosted-titlebars-specular-diagonal

### color

- Pair high-chroma sky blues (`#1d84b5`) and chlorophyll greens (`#65c18c`) with crisp white humanist sans-serif labels backed by a subtle `0 1px 2px rgba(0,0,0,0.45)` text shadow. — 184-frutiger-aero-archive-specular-glass-orbs-aurora-ribbons-dewdrop-ui

### grid/layout

- Organize application launchers into a fixed 4×3 television-safe matrix of rounded-rect TV screen bezels framed by a recessed brushed-white bottom control dock. — 185-wii-channel-matrix-study-translucent-aqua-bezels-ambient-slot-grid

### motion/interaction

- Hovering any channel slot triggers a soft `#38bdf8` cyan outer glow ring and scales the slot by `1.04x` without shifting adjacent cells. — 185-wii-channel-matrix-study-translucent-aqua-bezels-ambient-slot-grid

### component pattern

- Window control buttons (`min`, `max`, `close`) sit flush with the top border edge as contiguous glass segments that illuminate with radial red or cyan backlights on hover. — 186-aero-glass-window-study-gaussian-frosted-titlebars-specular-diagonal

## References

- 184-frutiger-aero-archive-specular-glass-orbs-aurora-ribbons-dewdrop-ui — Frutiger Aero Archive — Specular Glass Orbs, Aurora Ribbons & Dewdrop UI (exemplar)
- 185-wii-channel-matrix-study-translucent-aqua-bezels-ambient-slot-grid — Wii Channel Matrix Study — Translucent Aqua Bezels & Ambient Slot Grid
- 186-aero-glass-window-study-gaussian-frosted-titlebars-specular-diagonal — Aero Glass Window Study — Gaussian Frosted Titlebars & Specular Diagonal