rich-ui-patterns

What problem does it solve?

It prevents hero and marketing sections from looking plain by defaulting to rich, modern visual patterns with clear hierarchy, depth, and brand feel.

Core Features & Use Cases

• Rich pattern defaulting for marketing surfaces: Applies mockups, mesh gradients, layered surfaces, glassmorphism, gradient borders, tilt effects, spotlight cursor, and animated borders when the brief calls for modern/polished/hero/landing.
• “Rich without overdoing it” governance: Enforces a three-pattern richness budget per screen to avoid clutter and demo-like output.
• Production-ready UI guardrails: Requires tokenized design values, full interactive states, reduced-motion fallbacks, dark-mode parity, and image/alt accessibility for every emitted artifact.

Quick Start

Ask the AI to generate a modern hero and marketing section that includes a browser/device mockup, layered surfaces, and a CTA emphasis using gradient borders, while maintaining dark mode and reduced-motion fallbacks.