Summary
- Premium design system enforcing high-end agency aesthetics with strict anti-patterns and motion choreography.
- Bans generic fonts (Inter, Roboto, Helvetica) and default icons in favor of premium typefaces (Geist, Clash Display) and ultra-light icon sets (Phosphor Light) Enforces nested "Double-Bezel" card architecture, massive whitespace ( py-24 – py-40 ), and custom cubic-bezier motion curves instead of linear transitions Includes three vibe archetypes (Ethereal Glass, Editorial Luxury, Soft Structuralism) and three layout patterns (Asymmetrical Bento, Z-Axis Cascade, Editorial Split) to ensure design variance across outputs Mandates mobile-first responsive collapse below 768px , GPU-safe animations (transform/opacity only), and staggered scroll-reveal entry animations via IntersectionObserver