FRUTIGER AERO
v0.13.1
Translucent sky-tinted glass and tactile acrylic controls illuminated by directional daylight—uniting atmospheric clarity with physical affordance.
npx @kennedys0/taste-engine init --style frutiger-aero
Translucent glass panel blurring the sunlit horizon behind it, paired with raised acrylic controls.
Glass panels transmit environmental light, acrylic buttons provide raised tactile affordance, and input wells sit recessed into the surface plane.
backdrop-filter: blur(14px) saturate(155%); border-top: 1px solid rgba(255,255,255,0.96);
Each variant adjusts backdrop blur, surface opacity, specular highlight intensity, and control bevel geometry.
Balanced fusion of translucent sky-glass panels, compact molded aqua buttons, and upper-left daylight reflections.
Higher surface transparency (54% fill), deeper 22px backdrop refraction, and crisp crystalline white borders.
High-density contoured acrylic plates (94% fill), 8px button corners, deeper recessed wells, and 2.5px lower bevels.
Balanced 2×2 control matrices, equal-height split columns, and explicit Pass/Fail visual gates.
Buttons use compact 40px height and upper-left curved reflections; inputs sit inside directionally recessed wells.
Glass panels use translucent fills over contrasting horizon layers with brighter top-left edges and cooler bottom-right borders.
Pressed buttons translate downward 1.5px, compress their outer drop shadow, reduce upper sheen opacity, and reveal an inset top bevel.
Translucent glass panels over contrasting environmental layers, compact 40px–44px molded acrylic buttons with upper-left specular reflections, and single-row scrollable mobile command wells.
Opaque white boxes pretending to be glass, inflated plastic capsule buttons with harsh white stripes, wireframe placeholder art, or multi-line wrapped mobile command pills.
Distinct roles for environmental backdrops, translucent glass panels, raised acrylic buttons, and recessed wells.
Disciplined 34px/40px/44px heights, curved upper-left highlights, and all 6 interactive states.
Consistent top-left highlights and bottom-right contour shading across panels, buttons, and wells.
Compact scrollable command well, balanced touch targets, and zero horizontal overflow.
Deep ocean #11324D on light glass and #F7FBFD on dark reef glass maintain high legibility.
Includes solid surface fallbacks for browsers without backdrop-filter and reduced-motion guards.
Equip your AI coding agent with the Frutiger Aero style pack, Tailwind preset, and shadcn/ui theme tokens.
# Initialize only the Frutiger Aero style pack into your workspace: npx @kennedys0/taste-engine init --style frutiger-aero # Or install the standalone skill directly via npx skills: npx skills add Kennedys0/taste-engine/optional-standalone-skills/taste-style-frutiger-aero -y
# Install the complete Taste Engine router (all 10 canonical styles + SEO module): npx @kennedys0/taste-engine init # Verify pack integrity & contrast guardrails: python3 skills/taste-engine/scripts/validate-pack.py
/* Import the production Frutiger Aero surface & tactile button stylesheet */ @import "skills/taste-engine/examples/frutiger-aero/glossy-surfaces.css"; /* Or activate the shadcn/ui Frutiger Aero theme on your root container */ <html data-theme="frutiger-aero" data-expression="classic">
Glass panels visually transmit and blur the environment behind them, while acrylic controls provide raised, touchable physical surfaces.
Every panel, button, recessed well, and focal lens shares a coherent upper-left light source—creating natural highlights and subtle lower contour shadows.
Controls maintain compact, balanced dimensions across desktop and mobile viewports without inflated capsules, overflow, or unreadable text.