Frontend Design Skill

Purpose

Generate distinctive, production-ready UI that avoids the generic "AI look" (Inter fonts, purple gradients, minimal animations).

Design Principles

Typography

• Avoid: Inter, Roboto, system defaults
• Prefer: Distinctive fonts like Space Grotesk, Outfit, Sora, Manrope, Plus Jakarta Sans
• Hierarchy: Use bold size contrasts (48px+ headers, 14-16px body)
• Weight variety: Mix weights for visual interest

Color Strategy

• Avoid: Purple gradients, pure black/white, default blues
• Prefer: Rich, saturated palettes with personality
• Dark themes: Use deep blues (#0a0f1a), warm blacks (#1a1a2e)
• Accents: Bold, unexpected colors (coral, electric blue, gold)