PromptGenerator
Design & UX

Design & UX

UI Mockup Brief

A precise brief to generate or design a screen.

01

Shape your prompt

7 fields
02

Your prompt

744 characters

The 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.