Home/UI & Social Screens/Japanese SaaS Form Builder Banner

UI & Social Screens

Japanese SaaS Form Builder Banner

Japanese SaaS Form Builder Banner is a reusable UI & Social Screens example from サトウヒデキ LINEミニアプリを創る人, 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 Illustration, 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 Illustration, 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 Illustration, 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 Illustration, 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":"SaaS feature update banner infographic","style":"clean modern Japanese tech marketing visual, soft gradient abstract background, premium UI showcase, minimal flat illustration, rounded cards, subtle shadows, crisp typography","language":"Japanese","canvas":{"aspect_ratio":"1:1","background":"white base with soft purple gradient waves, faint dotted halftone accents, light geometric sparkles in the corners"},"headline":{"main":"{argument name=\"headline text\" default=\"自由にカスタマイズ\"}","sub":"{argument name=\"subheadline text\" default=\"6種類の入力形式で項目設計\"}","main_style":"very large bold Japanese sans-serif, deep blue to violet gradient fill","sub_style":"medium bold Japanese sans-serif, teal and dark navy text with small decorative sparkle icons and thin divider lines on both sides"},"layout":{"composition":"two-column product feature banner","sections":[{"title":"input type list","position":"left","count":6,"labels":["テキスト入力","ラジオボタン(単一選択)","チェックボックス(複数選択)","段落テキスト","日付・日時","画像アップロード"],"container":"vertical stack of 6 rounded white pill cards with soft shadow","icon_style":"large simple colored icons inside pale circular badges","colors":["purple","teal","teal","purple","teal","orange"]},{"title":"form builder UI","position":"right","count":6,"labels":["お名前","性別","興味のあるサービス","ご要望・お悩み","ご来店希望日時","参考画像(任意)"],"container":"large rounded white application window with purple-blue header bar","header_text":"{argument name=\"panel title\" default=\"カルテ項目を作成\"}","field_types":["single-line text input","radio buttons","checkbox group","multiline text area","date and time picker","image upload dropzone"]}],"connector":"teal dotted bracket-like guide visually linking the left feature list to the form builder panel"},"ui_details":{"badges_count":3,"badges":["必須","必須","必須"],"sample_values":{"name_placeholder":"例) 山田 花子","radio_options":["男性","女性","その他"],"checkbox_options":["カット","カラー","トリートメント","その他"],"textarea_placeholder":"ご自由にご記入ください","date_value":"2024/05/12","time_value":"14:00","upload_hint":"タップして画像を選択"},"window_controls":"minimal dots and drag handles, clean form rows with thin light gray borders"},"color_palette":{"primary":"violet to royal blue gradient","secondary":"teal","accent":"orange","surface":"white","text":"navy and gray"},"quality":"high-resolution polished startup marketing graphic, balanced spacing, elegant Japanese SaaS promotional banner for announcing customizable form input types"}

Related Cases