Home/UI & Social Screens/type

UI & Social Screens

type

type is a reusable UI & Social Screens example from @Colin_Leeee, including the full prompt, source link, and output media.

Case Media

Case Notes

This page keeps the media, full prompt, and original source together so you can inspect the result first and decide whether the prompt is worth copying, saving, or comparing.

Case Insights

To make this page easier to search, cite, and reuse later, the case is also broken down into practical guidance about usage, visual cues, and prompt structure.

Best Fit Scenarios

  • Use this as a ui & social screens benchmark when you need a fast style baseline before rewriting your own prompt.
  • It is especially helpful if your target overlaps with Portrait, UI, Screenshot and you want to judge the image result before tuning wording.
  • Keep it as a control sample when you compare nearby prompt variants one variable at a time.

Visual Signals To Notice

  • The clearest style signals here are Portrait, UI, Screenshot, so those should usually stay in your first rewrite.
  • The important layer is usually interface density, card hierarchy, and how the screen tells the story before you read small text.
  • This case keeps one primary output, so the first image should be treated as the main visual reference.

How The Prompt Is Structured

  • The prompt reads as a long, highly specified prompt, which is useful when you want to judge how much specificity this direction needs.
  • Its keyword cluster is centered on Portrait, UI, Screenshot, so you can usually keep that cluster while swapping subject, camera, layout, or copy details.
  • A practical rewrite path is: keep the outcome, keep the strongest style cues, then replace only the subject and environment blocks.

Good Follow-up Questions

  • What changes first if you keep Portrait, UI, Screenshot but switch the subject matter?
  • Which part of the result comes from section-level structure (UI & Social Screens) versus tag-level style cues?
  • Which related cases in the same section give you a cleaner or more extreme variation of the same direction?

Full Prompt

{ "type": "18-panel brand identity and character design document", "brand": { "name": "{argument name=\"brand name\" default=\"沐阳 MUYANG TEA\"}", "industry": "{argument name=\"industry\" default=\"tea shop\"}", "colors": ["{argument name=\"primary color\" default=\"yellow\"}", "{argument name=\"secondary color\" default=\"green\"}", "white", "brown", "dark green"] }, "subject": "{argument name=\"character description\" default=\"3D rendered cute Shiba Inu mascot wearing a green apron\"}", "layout": { "grid": "3 columns by 6 rows", "sections": [ { "title": "01 品牌DNA分析 / BRAND DNA ANALYSIS", "elements": ["logo", "5 color swatches", "6 icons", "target audience charts"] }, { "title": "02 概念构思 / CONCEPT MOODBOARD", "elements": ["5 photo references", "4 mood icons", "design equation"] }, { "title": "03 形态研究 / FORM STUDY", "elements": ["4 logo anatomy icons", "4 evolution steps", "4 silhouettes"] }, { "title": "04 概念探索 / CONCEPT EXPLORATION", "elements": ["12 line-art character sketches"] }, { "title": "05 精细线稿 / REFINED LINE ART", "elements": ["3 rows of front and side line art with proportion guides"] }, { "title": "06 细节精修 / DETAIL REFINEMENT", "elements": ["2 full-body renders with labels", "4 circular close-ups"] }, { "title": "07 表情设定 / EXPRESSION SHEET", "elements": ["11 3D rendered head expressions"] }, { "title": "08 姿势库 / POSE LIBRARY", "elements": ["9 full-body 3D rendered poses"] }, { "title": "09 转身视图 / TURNAROUND VIEW", "elements": ["5 full-body 3D renders", "5 matching line-art views"] }, { "title": "10 色彩开发 / COLOR DEVELOPMENT", "elements": ["5 rows of 5-color palettes", "color psychology text"] }, { "title": "11 材质规格 / MATERIAL SPECIFICATION", "elements": ["5 texture swatches", "property sliders", "4 manufacturing icons"] }, { "title": "12 色彩应用 / COLOR APPLICATION", "elements": ["4 color variant renders", "2 light/dark renders", "4 contrast rating circles"] }, { "title": "13 构造指南 / CONSTRUCTION GUIDE", "elements": ["2 line-art diagrams for geometry and grid"] }, { "title": "14 设计系统规则 / DESIGN SYSTEM RULES", "elements": ["minimum size icons", "clear space diagram", "4 usage examples"] }, { "title": "15 资产变体 / ASSET VARIANTS", "elements": ["3 size variants", "3 line-art variants", "3 simplified flat heads"] }, { "title": "16 数字应用 / DIGITAL APPLICATIONS", "elements": ["1 app icon", "2 social avatars", "UI elements", "3-step animation cycle"] }, { "title": "17 实物应用 / PHYSICAL APPLICATIONS", "elements": ["plush toy mockup", "packaging mockup", "merchandise mockup", "storefront mockup"] }, { "title": "18 最终主视觉 / FINAL RENDERING", "elements": ["large high-res 3D render of mascot holding tea", "logo", "file format list"] } ] } }

Related Cases