Loom 是非同步影片溝通工具的介面：紫色（#625DF5）作為主品牌色標記錄製與分享動線，影片畫面是第一公民——大尺寸播放器、懸浮小窗與錄製控制項圍繞內容排布；底色白與淺灰（#F7F7F8/#E4E4E7）讓影片更亮。適合影片協作、遠距辦公與內容分享產品。
Loom Design System主題與特色
提示詞範本
基礎範本
Design a Loom-inspired interface. Colors: #FFFFFF, #F7F7F8, #E4E4E7, #625DF5 with #625DF5 accent.
變體提示詞
📱 行動裝置
Design a mobile app with Loom aesthetics. Use Loom color identity with #625DF5 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Loom style. Use Loom color identity with #625DF5 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Loom design language. Use Loom color identity with #625DF5 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Loom visual identity. Use Loom color identity with #625DF5 accents. Compelling, conversion-focused.
使用範例
Loom Design System 應用程式
Web 端Build a web app with Loom design language and #625DF5 color system.
Loom Design System 儀表板
儀表板Create a dashboard using Loom style with data visualization and modern typography.
✅ 適用情境
- 主題化情境
- 影片協作與錄製工具
- 影片優先的產品頁
❌ 不適用情境
- 文字閱讀為主的網站
- 高密度表格後台
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。