
UI / UX 設計
SaaS 產品發布行銷海報
精緻的 SaaS 產品更新海報,包含 UI 卡片、數據指標與功能亮點。可替換標題、圖示與儀表板預覽以宣傳任何軟體更新。
saas海報產品更新ui卡片科技行銷登陸頁面向量ui極簡主義
提示詞
{
"type": "產品更新營銷海報",
"style": "清爽現代的SaaS落地頁圖形,蘋果風極簡主義,柔和的環境漸變,微妙的投影,圓角卡片,清晰的向量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": "左側極大加粗無襯線標題,第一行為純黑,第二行為藍紫漸變文字",
"subheadline_style": "中灰色無襯線字型,位於標題下方兩行",
"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標題",
"活躍使用者指標 8,421,帶綠色 +12.5% 與紫色折線圖",
"包含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]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 2:3
- 收錄時間