三欄式訂閱定價頁設計稿,方案卡價格、功能清單、CTA 對齊一致,中間欄掛「最受歡迎」推薦標籤。
【用途】產出一張 SaaS 訂閱方案(pricing)頁的高保真設計稿(design mockup),產品 [產品主題],風格 [設計風格]。
【版面骨架|先定三欄再填內容】
- 頂部:置中區段標題「[區段標題]」+ 一行副標 + 一個「月繳/年繳」切換開關。
- 中段:三張等高方案卡橫排並列,由左到右為入門 → 進階 → 旗艦。
- 每張卡結構一致:方案名 → 大字價格 → 一句說明 → 功能清單(打勾項)→ 一顆 CTA 按鈕。
- 中間那張掛「[推薦標籤]」推薦標籤、略放大或高亮。
[ 登入後可看完整內容 ]登入即可直接用這段 prompt 生圖 — 不用開 Midjourney 或別的工具,在這裡就能生一張看效果。
要把訂閱定價方案的版面快速視覺化、用來提案或跟團隊對齊「方案怎麼分、推哪一檔」時用這條,適合 SaaS、會員制服務、線上課程。定價頁的設計重點是「對齊」與「引導」——三張卡要等高等寬、功能清單橫向對齊,中間推薦卡要最突出把人引導過去,這些都要在 prompt 講死,否則 GPT Image 2 會把三張卡畫成高矮不一、功能對不齊。三個務實提醒:一,固定三欄最穩,講「不要自己改方案數」避免它生成四張或兩張;二,每張卡的功能清單控制在 4-6 項,太多字會擠小開始出錯,也讓對齊更難;三,明寫價格寫法統一(都用「NT$/月」)並強調「非真實報價、只是排版示意」,這是設計稿不是真金流頁。漲跌色不適用這裡,但「推薦卡用主色高亮」一定要寫,不然三張卡長一樣就失去引導效果。第一版若推薦標籤沒出現或卡片沒對齊,叫它「中間卡加上推薦標籤並用主色高亮、三張卡功能清單對齊,其餘不動」重生即可。
這組 prompt 專為 GPT Image 2 設計。把 prompt 內 6 個方括號 [變數] 換成你自己的內容,貼進 GPT Image 2 執行即可。屬進階用法,建議熟悉工具後再依需求微調參數。
這組是 Pro 會員內容。免費帳號可看預覽與使用情境;訂閱 Pro 後解鎖完整 prompt、變數表與實測參數。退款條件依退款政策處理。
prompt 文字本身你可自由使用與修改。但 AI 生成物(圖/音樂/影片/文字)的商用授權,取決於你在 GPT Image 2 使用的方案與其官方服務條款,請以該工具的授權規範為準。
PRO01Transform the input photo into a high-end stylized 3D collectible figure…
PRO02Edit the provided image while preserving the same face identity, shape,…
PRO03A realistic vertical smartphone photo of a spilled green iced drink on o…
PRO04二千五百年前,柏拉圖,蘇格拉底, 亞力士多德,坐在雅典街頭聊天,聊出了世界文明史的源頭。 背景可以加上他們聊天內容,按時間軸的走向,重疊在古希臘…
適合:部落格、Medium、Notion 公開頁、Substack — 任何支援 iframe / HTML 嵌入的地方。對方點「看完整」會回到本站、是 prompt 庫的免費 backlink。
<iframe src="https://prompt.luvai.net/embed/gpt-image-2-saas-pricing-page-design" width="100%" height="380" frameborder="0" style="border:1px solid #e0dcd0;border-radius:4px;" loading="lazy" title="PromptCraft Embed"></iframe>