新創落地頁技能
分類：SaaS / 新創 產生高效轉換的單頁式新創落地頁：英雄區塊、功能介紹、社群證明、定價方案與行動呼籲。目標是在 30 秒內傳達價值並取得電子郵件。
元資料
名稱： startup-landing 描述： 單頁式新創落地頁：英雄區塊、功能介紹、社群證明、定價方案與行動呼籲。 觸發關鍵字： 「新創落地頁」、「行銷頁面」、「產品發布」、「SaaS 落地頁」、「登陸頁面」
輸入與參數
| 參數 | 類型 | 必填 | 預設值 |
|---|---|---|---|
product_name | 字串 | ✓ | — |
tagline | 字串 | ✓ | — |
description | 字串 | ✓ | — |
has_pricing | 布林值 | ✓ | true |
has_testimonials | 布林值 | — | true |
proof_count | 整數 | — | 4 |
pricing_tiers | 陣列 | — | [3 個預設層級] |
primary_color | 字串 | — | DESIGN.md 強調色 |
定價層級：
{ name: string; price: string; period: string; features: string[]; cta: string; highlighted?: boolean }
必要區塊（依序）
- 導覽列 — Logo + 導覽連結 + 「立即開始」CTA 按鈕
- 英雄區塊 — 產品名稱、標語、描述、雙 CTA（主要：「免費開始」、次要：「觀看示範」）、可選的產品截圖/模型
- 社群證明條 — Logo 列（灰階，最多 6 個）
- 功能介紹 — 3 欄網格，每項包含圖示 + 標題 + 描述
- 運作方式 — 3 步驟水平流程，附編號步驟
- 定價方案 — 3 張方案卡片（入門版 / 專業版 / 企業版）
- 客戶見證 — 2-3 則引言，包含姓名、職稱、公司、頭像
- CTA 橫幅 — 深色區塊：標題 + 電子郵件輸入框 + 按鈕
- 頁尾 — 連結 + 版權資訊
設計規則
- 行動優先響應式
- 所有 CTA 必須有可運作的 href 或表單動作
- 定價卡片：被強調的卡片需有明顯邊框 + 陰影
- 見證頭像：使用
https://i.pravatar.cc/60?img=[n]以保持一致的佔位符 - 無外部 JS
- 所有 CSS 內嵌於
<style>區塊中 - 不得發明顏色 — 僅使用 DESIGN.md 的權杖
輸出
單一檔案：index.html（自包含）
自我檢查
- 任何地方都沒有 lorem ipsum
- 至少列出 4 項功能
- 定價層級高度一致
- 所有 CTA 都清楚標示並設定樣式
- 行動版：摺疊為單一欄位
- CTA 橫幅中的電子郵件輸入框需有
type="email"和required