Home/UI & Social Screens/type

UI & Social Screens

type

type is a reusable UI & Social Screens example from @yyyole, 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 UI, Screenshot, Minimal 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 UI, Screenshot, Minimal, 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 2 media outputs, which makes it easier to check whether the style remains stable across multiple results.

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 UI, Screenshot, Minimal, 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 UI, Screenshot, Minimal 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": "brand identity system presentation board", "header": { "title": "品牌视觉识别系统 BRAND IDENTITY SYSTEM", "slogan": "爱它·懂它·陪伴它" }, "main_logo": { "text": "{argument name=\"brand name\" default=\"GDX\"}", "subtitle": "{argument name=\"brand chinese name\" default=\"狗东西\"}", "design_feature": "{argument name=\"main subject\" default=\"Dog profile in negative space of the letter D\"}", "metadata": [ "品牌名称", "行业属性 {argument name=\"industry\" default=\"宠物行业\"}", "设计时间 2024.05" ] }, "layout": { "sections": [ { "title": "设计网格", "count": 1, "description": "Logo with architectural grid lines and golden ratio measurements" }, { "title": "概念草图", "count": 4, "description": "Evolution steps from rough dog sketch to final geometric logo" }, { "title": "灵感来源", "count": 4, "description": "Moodboard images including minimalist architecture, a golden retriever, and dark green geometric shapes" }, { "title": "创意理念", "count": 4, "description": "Text blocks with minimalist icons explaining design philosophy, positioning, color psychology, and scalability" }, { "title": "品牌应用", "count": 6, "labels": [ "名片 正反面", "信纸信封", "APP图标", "网站页眉 / 网站图标", "产品包装 / 购物袋", "店面门头 / 标识牌" ], "description": "Mockups of business cards, envelopes, app icons, website header with a dog, paper shopping bags, and a storefront sign" }, { "title": "色彩规范", "count": 5, "labels": [ "主色", "辅助色", "强调色" ], "colors": [ "{argument name=\"primary color\" default=\"#1E3D34\"}", "#F5F3EF", "#E5E2DD", "#A8C5B1", "#E0A86E" ] }, { "title": "字体规范", "count": 2, "labels": [ "思源黑体 CN", "思源柔黑体 CN" ], "description": "Typography specimens showing 'Aa', alphabet, and numbers" }, { "title": "最小使用尺寸", "count": 2, "description": "Minimum logo size specifications at 20mm and 12mm" }, { "title": "安全留白区域", "count": 1, "description": "Logo surrounded by a bounding box with 'X' indicating clear space margins" }, { "title": "错误使用示例", "count": 5, "labels": [ "不可拉伸变形", "不可改变颜色", "不可添加阴影", "不可倾斜使用", "不可复杂背景上使用" ], "description": "Examples of incorrect logo usage: stretched, wrong color, drop shadow, tilted, and placed on a busy photographic background" } ] } }

Related Cases