frontend-design

# Frontend Design Create distinctive, production-grade frontend interfaces that feel deliberate, premium, and current. Implement real working code with exceptional attention to aesthetic details and creative choices. ## Design Thinking Before coding, understand the context and commit to a clear aesthetic direction. Output three things as text before coding: - **Visual thesis**: one sentence describing mood, material, and energy (e.g., "brutally minimal dark interface with surgical precision" or "warm editorial magazine feel with generous whitespace") - **Content plan**: hero, support, detail, final CTA - **Interaction thesis**: 2-3 motion ideas that change the feel of the page For each, consider: - **Purpose**: What problem does this interface solve? Who uses it? - **Tone**: Pick a direction and commit. Brutally minimal, maximalist, retro-futuristic, organic, luxury, playful, editorial, brutalist, art deco, soft pastel, industrial. These are starting points; design one true to the vision. - **Constraints**: Framework, performance, accessibility requirements. - **Differentiation**: What makes this unforgettable? What's the one thing someone remembers? Match ambition to context. A brand landing page warrants bold, expressive choices. A dashboard warrants calm restraint. Both require intentionality. Then implement working code (HTML/CSS/JS, React, Vue, etc.) that is production-grade, visually striking, cohesive, and meticulously refined. ## Beautiful Defaults - Start ...