Get an empty-state illustration that matches your design system

About this exercise

Your app's empty Projects screen needs an illustration, made with ChatGPT images. Get Claude to write one paste-ready prompt, plain text, under 100 words: a prompt paragraph and a last line starting "Avoid:". It must follow the design system (line style, 2px strokes, the 2 hex colors as codes), say square 1:1 on a transparent or plain white background, match the friendly tone of the screen, and include no text or UI.

Common mistakes when you ask AI for this

• Ignoring the design system. The AI picks its own style, with gradients and shading. Try: Add: "Single-weight line art, 2px strokes, #1F2937 lines, #FF6B57 fills."
• Using the retired color. The notes mention v2 blue, and the AI may use it. Try: Add: "No blue."
• Sad empty state. "Empty" pushes the AI toward lonely or sad scenes. Try: Add: "Friendly and encouraging."
• Text in the image. The AI writes "No projects" into the art, which breaks translation. Try: Add: "Avoid: text, letters, UI, characters."
• Write-up with headings. The AI explains empty-state best practices. Try: Add: "Output only the prompt and Avoid line."

What a strong prompt includes

• Gives the line style
• Gives the hex colors
• Sets shape and background
• Sets the mood
• Adds an Avoid line

Practice this now ↑

Related exercises

• Adapt one ad image to 3 sizes with Midjourney (Image & Video AI · Marketing and content)
• Add input validation to a Java method with exact messages (Coding AI · Software developers)
• Add type hints that still run on Python 3.8 (Coding AI · Software developers)
• Announce a discount-approval process change in three bullets (Sales AI · Managers and team leads)
• Announce a hybrid work policy change with clear actions (Writing AI · HR and recruiting)