カフェのLPをブランド カラーに沿って生成

テンプレートのプレビュー画面・プロンプト・関連テンプレートを確認できます。

ビジュアル化・資料作成
カフェLP

プロンプト例

# 作成する画面 オーガニックカフェのランディングページ # 指定カラーパレット(厳守) - Primary Color(メイン):#4A6741(自然なアースグリーン) - Secondary Color(アクセント):#C5A065(温かみのある木材色) - Background(背景):#F2F0EB(未晒しのコットンのような生成り色) - Text Color(文字色):#3E3630(柔らかいチャコールブラウン)

他のプロンプトテンプレート

SaaS管理画面
UI/UXデザイン

# 作成する画面

人事労務管理SaaSの従業員管理画面セット

# 必要な画面名

1. 従業員一覧画面(Employee List)

2. 従業員詳細画面(Employee Detail)

# 画面の中に必要な機能

[共通要素]

SaaS管理画面

お問い合わせフォーム
コンポーネント

# 作成する画面

BtoBサービスのお問い合わせフォーム

# 生成すべきState(状態)一覧

以下の3つの状態を横並びで作成してください:

1. Default(未入力・初期状態)

2. Active(入力中・フォーカス状態)

3. Error(入力エラー状態)

お問い合わせフォーム

タスク管理アプリ
UI/UXデザイン

# 作成する画面

シンプルなタスク管理アプリ(To-Do List)の主要画面セット

# 必要な画面名

1. タスク一覧画面(Task List)

2. タスク詳細画面(Task Detail)

# 画面の中に必要な機能

[共通要素]

タスク管理アプリ

ユーザー登録フォーム
コンポーネント

# 作成する画面

習慣化アプリの新規ユーザー登録(Sign Up)画面

# 生成すべきState(状態)一覧

以下の4つの状態を横並びで作成してください:

1. Default(未入力)

2. Active(入力中)

3. Error(条件不一致・エラー)

ユーザー登録フォーム

アパレルブランドLP
コンポーネント

# 作成する画面

アパレルブランドのランディングページ(スマホ向けSPデザイン)

# 指定カラーパレット(厳守)

- Primary Color(メイン):#FF8A80(コーラルピンク)

- Secondary Color(アクセント):#FF8A80(コーラルピンク)#212121(洗練されたブラック)

- Background(背景):#FFFFFF(純白)

- Text Color(文字色):#000000(完全な黒)

アパレルブランドLP

フィットネスアプリ ペルソナシート
ビジュアル化・資料作成

# 作成する画面

ユーザーペルソナシート

# ペルソナの基本情報

- 氏名:佐宗 太郎(25歳、男性、東京都在住)

- 職業:営業

# シートに含める情報

1. PROFILE(基本情報)

フィットネスアプリ ペルソナシート

レシピサービス カスタマージャーニーマップ
ビジュアル化・資料作成

# 作成する画面

レシピ提案アプリのカスタマージャーニーマップ

# マップの構造(表形式)

縦軸:

1. フェーズ(認知、検討、利用開始、継続利用)

2. ユーザーの行動(Action)

3. 思考(Thinking)

レシピサービス カスタマージャーニーマップ

会社紹介スライド
スタイル

# 作成する画面

会社説明スライド(5枚セット、16:9)

# 必要なスライド

1. 表紙スライド(必須):

- タイトル:「Company Deck 2026」

2. 目次スライド(必須):

- 「Index」または「Agenda」のタイトル

会社紹介スライド