
UI / UX デザイン
SaaS製品ローンチマーケティングポスター
UIカード、指標、機能紹介を備えた洗練されたSaaSアップデートポスター。見出しや機能アイコン、プレビュー画面を変更して製品発表に活用できます。
saasポスター製品アップデートuiカードテックマーケティングランディングページベクターuiミニマリズム
プロンプト
{
"type": "製品アップデートマーケティングポスター",
"style": "クリーンでモダンなSaaSランディングページグラフィック、Apple調のミニマリズム、柔らかな環境グラデーション、繊細なシャドウ、角丸カード、鮮明なベクターUI、高級感のあるプロモーションデザイン",
"brand": "OpenAI",
"canvas": {
"aspect_ratio": "縦横比 2:3 縦型",
"background": "かすかなラベンダーブルーのグローグラデーションを伴う非常に明るいクールグレー、丸みを帯びた外枠の角"
},
"layout": {
"sections": [
{
"title": "ヘッダーヒーロー",
"position": "上部",
"count": 4,
"labels": [
"OpenAIロゴ",
"PRODUCT UPDATE",
"メインヘッドライン",
"補足サブヘッドライン"
]
},
{
"title": "メインショーケースパネル",
"position": "中央",
"count": 3,
"labels": [
"Codexタスクカード",
"作業中チェックリストカード",
"ダークアナリティクスダッシュボードプレビュー"
]
},
{
"title": "機能カード",
"position": "中央下部",
"count": 4,
"labels": [
"Tackle more",
"Safe by default",
"Works with your tools",
"Built for teams"
]
},
{
"title": "行動喚起バナー",
"position": "底部",
"count": 3,
"labels": [
"Codex is available now",
"Try it in ChatGPT or the API.",
"矢印ボタン"
]
}
],
"centerpiece": "右上に浮かぶ大きな角丸正方形アイコン(黒いコードブラケット記号付き)"
},
"content_blocks": {
"eyebrow": "[PRODUCT UPDATE]",
"headline_line_1": "[Codex for]",
"headline_line_2": "[almost everything]",
"subheadline": "[From small fixes to large features, Codex helps you ship faster.]",
"cta_title": "[Codex is available now]"
},
"visual_details": {
"logo": "左上に小さな黒いOpenAIノットロゴ",
"headline": "左側に非常に大きな太字のサンセリフ見出し、1行目は黒、2行目は青から紫へのグラデーションテキスト",
"subheadline_style": "中程度のグレーのサンセリフ、見出しの下に2行",
"floating_icon": "柔らかな影付きの白い角丸正方形タイル、黒い<>コード記号入り、右上に配置",
"showcase_panel": "細い境界線と柔らかな影を持つ大きな白い角丸長方形",
"left_task_area": {
"count": 3,
"items": [
"コードアイコンとCodexのテキストが入った小さなピル型ラベル",
"『Add dark mode to the dashboard and update the settings page.』と書かれた白いプロンプトカード",
"『Codex is working...』というタイトルのステータスチェックリスト"
]
},
"checklist": {
"count": 4,
"items": [
"紫でチェックされた『Understand codebase』",
"紫でチェックされた『Implement dark mode』",
"部分的な円形インジケーターで進行中の『Update settings page』",
"グレーで未チェックの『Run tests』"
]
},
"right_dashboard": {
"theme": "ダークモードUIプレビュー",
"app_name": "Acme",
"sidebar": {
"count": 4,
"items": [
"選択されたOverview",
"Analytics",
"Projects",
"Settings"
]
},
"main_panels": {
"count": 3,
"items": [
"Overviewの見出し",
"緑の+12.5%と紫の折れ線グラフが付いたアクティブユーザー指標8,421",
"3件のエントリがある最近のアクティビティリスト"
]
},
"recent_activity": {
"count": 3,
"items": [
"Update landing page — 2m ago",
"Fix analytics bug — 1h ago",
"Improve onboarding flow — 3h ago"
]
}
},
"feature_cards": {
"count": 4,
"cards": [
{
"title": "Tackle more",
"icon": "淡いラベンダーの角丸正方形内の紫のキラキラ/星アイコン",
"body": "From bug fixes to multi-file refactors, Codex handles it."
},
{
"title": "Safe by default",
"icon": "淡いブルーの角丸正方形内の青いシールドアイコン",
"body": "Runs in a sandboxed environment with read-only by default."
},
{
"title": "Works with your tools",
"icon": "淡いミントの角丸正方形内の緑のターミナルプロンプトアイコン",
"body": "Integrates with GitHub, CI, and your existing workflows."
},
{
"title": "Built for teams",
"icon": "淡いピンクの角丸正方形内のピンクのグループ/ユーザーアイコン",
"body": "Share context, review changes, and move faster together."
}
]
},
"cta_banner": {
"style": "柔らかな紫青のグラデーションウォッシュと右側に白い円形矢印ボタンを備えた幅広の角丸長方形",
"subtitle": "Try it in ChatGPT or the API."
}
},
"composition": "下部にモジュール式カードグリッドを備えたバランスの取れた左揃えタイポグラフィ、豊富な余白、プレミアムなテック広告の外観",
"rendering": "鮮明なタイポグラフィ、繊細な奥行き感、穏やかなガラス調のライティング、写真要素なし"
}カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[PRODUCT UPDATE]プレースホルダー[Codex for]プレースホルダー[almost everything]プレースホルダー[Codex is available now]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 2:3
- 追加日