references/pattern-examples.md

Pattern Examples

Creative Frontend (New Interfaces)

Good: Clear Aesthetic Direction

• Landing page with brutalist aesthetic: Raw typography (Neue Haas Grotesk), stark black and white, asymmetric layouts
• Dashboard with organic theme: Rounded forms, earth tones, flowing animations, textured backgrounds

Bad: Generic AI Aesthetic

• Overused fonts, cliched color schemes, centered content, generic card layouts

Design System Review (Existing Work)

Good: Frictionless

• Single primary button, clear task completion path

Good: Quality Craft

• Uses design system with tokens, distinctive typography, keyboard accessible, tested in themes

Bad: Quality Craft

• Hardcoded values, generic overused fonts, poor contrast in dark mode