日本語アプリのオンボーディングプロモーションのモックアップ

非常に淡いミントブルーの背景を持つ、清潔でモダンなアプリのプロモーションポスター。中央に縦のレイアウトがあり、日本の在庫管理アプリのランディングページのスクリーンショットに似ています。上部には、緑色のテキストが入った、ソフトシャドウ付きの小さく丸みを帯びた白いカプセル型のロゴがあります。{argument name="app name" default="Zaiko"} 下部には、青いドットと「02 First Edition」というテキストが付いた、小さく丸みを帯びたバッジを追加します。さらに下には、大きく太字の濃い紺色の日本語のタイトルを追加します。{argument name="headline text" default="The initial guide makes it ready to use immediately away."} これに続いて、小さな灰色のサブタイトル「Let's learn about management flow from the start.」があります。サブタイトルの下には、緑色のドットが付いた「Summarize」、青色のドットが付いた「Usage」、濃い色のドットが付いた「Start」という、ソフトシャドウが付いた小さく丸みを帯びた白いカテゴリラベルが均等に配置されています。中央には、黒い枠線、丸みを帯びた角、微妙な反射、下部のドラマチックなソフトブルーの光を備えた、現代的なスマートフォンのモックアップのリアルな正面図が表示されます。電話の画面にはアプリのUIが表示され、上部に緑色のステータスバー、白い「Zaiko」タイトル、上部にiPhoneスタイルのステータスアイコン、暗くなったアプリのインターフェースの背景、中央に新しいユーザーガイドのmodカードが重ねられています。白いmodカードは角が丸く、ソフトな影があり、上部に緑色の立方体のシンボルを含む薄緑色の円形のアイコン領域があります。これに続いて、太字の日本語のウェルカムタイトル「Zaikoへようこそ!」、より小さなサブタイトル「消耗品管理」、メインテキスト「このアプリは、おうちの消耗品を管理しますよ!」が表示されます。薄い灰色の角が丸いリストボックスが追加され、ミニチュアアイコン「タワー」、「タワー」、「廃棄物」を備えた3つのサンプル在庫アイテムが行に表示されます。下に緑色のハイライトで文章を追加してください：「『BUY わなきゃ!』 から、BUY い忘れない✨」。モーダル カードの下部には、「...」とラベル付けされた大きな丸い緑色のメイン ボタンがあります。このボタンには小さな本のアイコンと、「スキップ」と書かれたソフト テキスト リンクがあります。モーダル カードの背後には、アプリの UI がさりげなく表示されています。緑色のヘッダー、サイド カテゴリ バー、下部のタブ バーには、「ホーム」、「購入リスト」、「設定」の 3 つのラベルがあり、それぞれにシンプルな白いアイコンが付いています。電話の下には、ソフト シャドウが付いた大きな丸い青色のラベル カードがあり、中央には「...」とテキストが書かれた白いカプセル型のラベルがあります。このラベルは、Apple スタイルの洗練された SaaS マーケティングの美学を採用しており、ソフト グラデーション、微妙なシャドウ、丸い UI 要素、明確なタイポグラフィを組み合わせて、親しみやすく信頼できる雰囲気を作り出しています。