Slack 是團隊溝通與協作的「AI 工作平台」，把專案管理、工作流程自動化與安全連線裝進頻道。其介面淺色優先（#FFFFFF/#F8F8F8），最醒目的品牌元素是茄紫色側邊欄（#4A154B），四色 logo 色（藍綠黃紅）只作零星高亮；Larsseit 負責行銷頁標題、系統字型負責應用介面，圓角 4-8px 圓潤但絕不卡通。適合協作工具與 SaaS 產品介面。
Slack效率與 SaaS
提示詞範本
基礎範本
Design a Slack-inspired interface. - Light-first content surfaces: white #FFFFFF and near-white #F8F8F8; - Deep aubergine #4A154B sidebar — the brand's most recognizable UI element; - Four logo accent colors (blue, green, yellow, red) used sparingly as highlights only; - Larsseit for headings (marketing), system sans-serif for UI; - Rounded but not cartoonish: 4–8px radius on most components. Colors: #4A154B, #350d36, #611f69, #36C5F0 with #4A154B accent.
變體提示詞
📱 行動裝置
Design a mobile app with Slack aesthetics. Use Slack color identity with #4A154B accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Slack style. Use Slack color identity with #4A154B accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Slack design language. Use Slack color identity with #4A154B accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Slack visual identity. Use Slack color identity with #4A154B accents. Compelling, conversion-focused.
使用範例
Slack 應用程式
Web 端Build a web app with Slack design language and #4A154B color system.
Slack 儀表板
儀表板Create a dashboard using Slack style with data visualization and modern typography.
✅ 適用情境
- SaaS 產品
- 團隊溝通與協作產品
- 工作情境的社交介面
❌ 不適用情境
- 嚴肅的金融交易系統
- 極簡黑的藝術家網站
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。