frontend-design

Create distinctive, production-grade frontend interfaces with bold, intentional aesthetics avoiding generic AI slop.

• Build unique, functional web components, pages, or apps
• Commit to a bold aesthetic direction with intentional design choices
• Generate visually striking, memorable interfaces with real code
• Prioritize context, purpose, and audience in design decisions

• Critical: Choose a bold aesthetic direction with intentionality
• NEVER use generic AI aesthetics like Inter, Roboto, or purple gradients
• Use CSS variables for consistent color and theme control
• Apply unexpected typography, motion, and spatial composition
• Match implementation complexity to aesthetic vision (maximalist or minimal)
• Prioritize high-impact animations over scattered micro-interactions
• Create atmosphere with textures, gradients, and visual details
• Differentiate with one unforgettable, context-driven design element

1. 1.Define purpose, audience, and tone for the interface
2. 2.Choose a bold aesthetic (e.g., brutalist, retro-futuristic, soft/pastel)
3. 3.Design a unique, unforgettable differentiator for the interface
4. 4.Implement production-grade, functional code with attention to detail
5. 5.Apply consistent typography, color, and motion to match the vision
6. 6.Ensure technical constraints are respected without compromising design