Spacious 把「留白」當作主角：充足的空間、統一的內距與嚴謹的網格讓頁面從容舒展，內容之間互不打擾；色彩退到背景（紫 #8B5CF6 點睛），呼吸感與秩序感並存。適合高階品牌、藝廊式展示與重視閱讀體驗的產品。
Spacious版面與結構
提示詞範本
基礎範本
Design a Spacious-inspired interface. Colors: #8B5CF6, #16A34A, #D97706, #DC2626 with #8B5CF6 accent. Typography: #3B82F6.
變體提示詞
📱 行動裝置
Design a mobile app with Spacious aesthetics. Use Spacious color identity with #8B5CF6 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Spacious style. Use Spacious color identity with #8B5CF6 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Spacious design language. Use Spacious color identity with #8B5CF6 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Spacious visual identity. Use Spacious color identity with #8B5CF6 accents. Compelling, conversion-focused.
使用範例
Spacious 應用程式
Web 端Build a web app with Spacious design language and #8B5CF6 color system.
Spacious 儀表板
儀表板Create a dashboard using Spacious style with data visualization and #3B82F6 typography.
✅ 適用情境
- 版面展示
- 內容型官網
- 品牌展示頁
❌ 不適用情境
- 高密度資料介面
- 資訊緊湊的工具
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。