Goal: create a UI with a specific visual point of view that fits the brief.
Use for:
- new frontend screens, landing pages, or app surfaces
- visual redesigns that need stronger taste and identity
- avoiding templated palettes, typography, and layout defaults
Workflow:
- Ground the design in the subject, audience, and page job.
- Define a compact token system: color, type, layout, signature element.
- Check whether choices are specific to this brief or generic defaults.
- Build from the chosen direction; derive every visual choice from it.
- Use one memorable signature element, then keep surrounding UI disciplined.
- Critique the result for responsiveness, focus states, reduced motion, and polish.
Design principles:
- typography carries personality; choose roles deliberately
- structure should encode real information, not decorate
- motion should serve the subject and be used sparingly
- copy is design material: plain, active, consistent, and useful
Rules:
- take one justified aesthetic risk
- avoid default AI-looking palettes and layouts unless the brief demands them
- spend boldness in one place, then remove excess decoration
- verify the design on mobile and desktop before calling it done