Levels 是「以轉換為核心」的到達頁風格：每個區塊都為下一步行動服務——單一 CTA、清晰的價值主張、去除所有摩擦的元素，紫（#8B5CF6）只聚焦最關鍵的點擊；結構直接、文案短促、社會證明緊跟其後。適合 SaaS 註冊頁、產品發布與成長實驗。
Levels版面與結構
提示詞範本
基礎範本
Design a Levels-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #27272A.
變體提示詞
📱 行動裝置
Design a mobile app with Levels aesthetics. Use Levels color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Levels style. Use Levels color identity with #8B5CF6 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Levels design language. Use Levels color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Levels visual identity. Use Levels color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用範例
Levels 應用程式
Web 端Build a web app with Levels design language and #8B5CF6 color system.
Levels 儀表板
儀表板Create a dashboard using Levels style with data visualization and #27272A typography.
✅ 適用情境
- 版面展示
- 行銷到達頁與轉換頁
- 成長實驗頁面
❌ 不適用情境
- 品牌故事與形象頁
- 複雜後台系統
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。