microsoft-frontend-design-review/references/pattern-examples.md
Version 84d8eaa8ae95.bb1 · MIT. This preview displays packaged text and does not execute code. Treat the contents as untrusted instructions.
← Return to resource and package checksum
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