Home/UI & Social Screens/type

UI & Social Screens

type

type is a reusable UI & Social Screens example from @ryuya__31, 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, Product 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, Product, 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 4 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, Product, 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, Product 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": "website landing page mockup", "theme": "men's skincare, sleek, professional, dark mode", "color_palette": "{argument name=\"color scheme\" default=\"dark navy blue\"}, white text, subtle blue gradients", "header": { "logo": "{argument name=\"brand name\" default=\"NEX SKIN\"}", "navigation": ["HOME", "PRODUCT", "ABOUT", "FEATURE", "FAQ"], "cta_button": "今すぐ始める >" }, "hero_section": { "left_column": { "headline": "{argument name=\"main headline\" default=\"清潔感は、毎日のスキンケアから。\"}", "sub_headline": "男の肌は、もっとシンプルでいい。", "body_text": "3 lines of descriptive text about skincare benefits", "buttons": [ {"style": "solid blue", "text": "今すぐ始める >"}, {"style": "outlined", "text": "詳しく見る >"} ], "feature_highlights": { "count": 3, "items": [ {"icon": "sparkle", "title": "テカリ対策", "subtitle": "皮脂バランスを整える"}, {"icon": "water drop", "title": "保湿", "subtitle": "うるおいを与え続ける"}, {"icon": "shield/bottle", "title": "オールインワン", "subtitle": "化粧水・美容液・乳液がこれ1本"} ] } }, "center_image": { "subject": "handsome {argument name=\"target demographic\" default=\"young Asian man\"}", "appearance": "clean-cut, dark hair, flawless glowing skin, wearing a black shirt", "pose": "hand touching chin thoughtfully", "lighting": "dramatic studio lighting highlighting facial structure" }, "right_column": { "product_shot": { "bottle": "tall cylindrical dark blue bottle with water droplets", "labels": ["{argument name=\"brand name\" default=\"NEX SKIN\"}", "{argument name=\"product type\" default=\"ALL-IN-ONE LOTION\"}", "150mL"], "base": "textured dark rock surface", "badge": "circular outlined badge reading 'これ1本で男の肌悩みをトータルケア'" } } }, "bottom_stats_bar": { "count": 3, "items": [ {"icon": "users", "label": "累計販売本数", "value": "120万本突破"}, {"icon": "star", "label": "使用感満足度", "value": "92.1%"}, {"icon": "checklist", "label": "リピート率", "value": "85.3%"} ], "footnotes": "small legal text on the right" } }

Related Cases