Step A: 品牌識別
建立品牌的核心資訊
啟用後 AI 會自動將口號擴展為高轉換率的行銷文案
這會成為網站「信任區塊」的內容基礎
Step B: 內容與素材
上傳圖片連結與社群帳號
1.
新增你的社群媒體帳號連結，將整合到網站頁尾或社群區塊
Step C: 策略目標
定義網站的核心目的與目標受眾
描述你的理想客戶是誰，越具體越好
Step D: 功能元件
勾選你想要的網站功能區塊
已選擇 0 個功能元件
Step E: 視覺與色彩心理
選擇風格原型、色彩系統與字型
Step F: 魔法關鍵字設計師
啟用專業級 UI/UX 設計指令
已啟用 0 / 9
Glassmorphism
玻璃擬態效果Bento Grid
便當格排版Skeuomorphic
擬物化設計Sticky Navigation
固定導航列Above the Fold
首屏聚焦SEO & Semantic
語義化 SEOPerformance First
效能優先Dark / Light Toggle
深淺模式切換Micro Interactions
微互動動效Step G: 核心服務
列出你的主要服務或產品（最多 6 項）
服務 #1
即時提示詞預覽
182 字
0%
自動加入進階 UI 關鍵字與 SEO 優化指令
Build a professional [Archetype] style landing page for "[Brand Name]". Website Goal: [Goal] targeting [Target Audience]. Design System: - Primary Color: [Primary Color] - Background Color: [Background Color] - Typography: [Font] - Style: Clean, modern, and visually striking. Key Sections: 1. Hero Section: - Display the brand slogan: "[Slogan]" - Include a brief brand mission statement based on: "[Brand Story]" - Feature a prominent call-to-action button: "[CTA Text]" 2. Features / Services Section: - Highlight the following core offerings: [Services/Products] - Use card-based layout with icons for each service. 3. Trust / About Section: - Build a compelling trust section based on the brand story: "[Brand Story]" - Include social proof elements (testimonials placeholder, stats, or partner logos). 4. Call-to-Action Section: - A prominent section with the button text: "[CTA Text]" - Include supporting copy that reinforces the value proposition. Layout & Technical Requirements: - Fully responsive design (mobile-first approach). - Use Tailwind CSS for all styling. Do not explain the code. - Deliver a high-end, polished, finished product. - Smooth scroll behavior between sections. - Professional typography hierarchy with proper spacing.
即時提示詞預覽
182 字
0%
自動加入進階 UI 關鍵字與 SEO 優化指令
Build a professional [Archetype] style landing page for "[Brand Name]". Website Goal: [Goal] targeting [Target Audience]. Design System: - Primary Color: [Primary Color] - Background Color: [Background Color] - Typography: [Font] - Style: Clean, modern, and visually striking. Key Sections: 1. Hero Section: - Display the brand slogan: "[Slogan]" - Include a brief brand mission statement based on: "[Brand Story]" - Feature a prominent call-to-action button: "[CTA Text]" 2. Features / Services Section: - Highlight the following core offerings: [Services/Products] - Use card-based layout with icons for each service. 3. Trust / About Section: - Build a compelling trust section based on the brand story: "[Brand Story]" - Include social proof elements (testimonials placeholder, stats, or partner logos). 4. Call-to-Action Section: - A prominent section with the button text: "[CTA Text]" - Include supporting copy that reinforces the value proposition. Layout & Technical Requirements: - Fully responsive design (mobile-first approach). - Use Tailwind CSS for all styling. Do not explain the code. - Deliver a high-end, polished, finished product. - Smooth scroll behavior between sections. - Professional typography hierarchy with proper spacing.