Home/UI & Social Screens/type

UI & Social Screens

type

type is a reusable UI & Social Screens example from @chi_vc_, 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, Poster, Illustration 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, Poster, Illustration, 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, Poster, Illustration, 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, Poster, Illustration 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 and merchandise design board", "theme": { "color_palette": "{argument name=\"theme color\" default=\"pastel pink\"} and white", "motif": "{argument name=\"motif\" default=\"cherry blossoms\"} and pink hearts" }, "character": { "description": "anime girl with short brown bob hair, pink eyes, wearing a white hoodie, gentle smile" }, "branding": { "main_logo": "{argument name=\"character name\" default=\"癒音ちー\"}", "sub_logo": "{argument name=\"character subtext\" default=\"ゆおんちー\"}" }, "layout": { "sections": [ { "type": "header banner", "position": "top", "elements": ["large main logo", "sub logo", "cherry blossom graphics", "character portrait on the right"] }, { "type": "product packaging", "position": "middle left", "elements": ["1 square box with heart-shaped transparent window showing pink heart candies", "character illustration on box", "2 individual candy wrappers", "5 scattered heart candies"] }, { "type": "promotional poster", "position": "middle right", "elements": ["character portrait", "heart-shaped candy bowl", "main logo", "text '4.26 NEW OPEN'", "text '{argument name=\"social handle\" default=\"@yuonchii\"}'"] }, { "type": "horizontal web banner", "position": "lower middle", "elements": ["main logo", "cherry blossoms", "character portrait on the right"] }, { "type": "social media profile mockup", "position": "bottom left", "elements": ["header image with logo", "1 circular profile picture", "handle '{argument name=\"social handle\" default=\"@yuonchii\"}'", "1 follow button", "mock bio text"] }, { "type": "merchandise collection", "position": "bottom right", "count": 9, "items": ["1 white t-shirt with logo", "1 white mug with character", "4 round pin badges", "1 acrylic keychain", "2 candy packets"] } ] } }

Related Cases