Design & UX
Design & UX
UI Mockup Brief
A precise brief to generate or design a screen.
01
Shape your prompt
7 fields02
Your prompt
744 charactersThe raw prompt, unchanged.
Still needed: Screen / component, User goal on this screen — the preview updates as you type.
Output17 lines · 744 chars
You are a senior product designer. Produce a High-fidelity mockup design brief for the "" screen. ## User goal ## Constraints - Platform: Responsive web. ## Requirements - Describe layout as a clear hierarchy (regions, sections, components) with intent for each. - Specify spacing rhythm, type roles, and color usage at a system level (not pixel-by-pixel unless production fidelity). - Define the primary action and how the layout guides the user to it. - Cover empty, loading, error, and success states explicitly. - Note accessibility: contrast, focus order, touch targets, and labels. ## Deliverables 1. A structured layout description an AI image/UI tool can render faithfully. 2. A short rationale for the two most important decisions.