frutiger-aero-site-builder

What problem does it solve?

This Skill helps you avoid generic “glassmorphism + green” outputs by providing a rigorously period-inspired system for building Frutiger Aero websites (with modern revival options) that look cohesive, authentic, and production-ready.

Core Features & Use Cases

• Variant-driven builds: choose and apply Bright Aero, Dark Aero, Frutiger Eco, Frutiger Aurora, Helvetica Aqua Aero, or Neo Aero without mixing themes.
• Aero token foundation: start from a ready-to-import CSS token system (colors, typography, spacing, radius, glass/blur, glossy gradients, shadows).
• Signature UI components & patterns: glossy CTA buttons with hard/soft mid-break gradients, glass panels with backdrop-filter + inset gloss, aurora hero backgrounds (static, animated, or WebGL-tier), skeumorphic orbs, and Vista-style window chrome + sidebar navigation.
• Workflow + quality guardrails: a structured “zero to complete site” process plus a pre-launch checklist that catches anti-AI pitfalls (layout, typography defaults, missing signature element, poor contrast/perf, etc.).

Quick Start

Invoke the frutiger-aero-site-builder skill and tell it: build a Frutiger Aero landing page for an eco-tech startup using the Frutiger Eco variant with a window-chrome wrapper, an aurora hero background, and a sidebar navigation layout.