Linear 是面向現代產品開發的專案與事務管理工具，講究速度、精準與工藝感。它的介面由 #08090a 一族的深色層次和唯一的靛紫強調色 #5E6AD2 構成，配合 Inter Variable 的幾何替換字形與 Display 級負字距，氣質冷靜克制。適合為 SaaS 產品設計專業、精準的深色介面。
Linear效率與 SaaS
提示詞範本
基礎範本
Design a Linear-inspired interface. - Dark-mode-native: #08090a marketing background, #0f1011 panel background, #191a1b elevated surfaces; - Inter Variable with "cv01", "ss03" globally — geometric alternates for a cleaner aesthetic; - Signature weight 510 (between regular and medium) for most UI text; - Aggressive negative letter-spacing at display sizes (-1.584px at 72px, -1.056px at 48px); - Brand indigo-violet: #5e6ad2 (bg) / #7170ff (accent) / #828fff (hover) — the only chromatic color in the system. Colors: #010102, #08090a, #0f1011, #191a1b with #010102 accent. Typography: (.
變體提示詞
📱 行動裝置
Design a mobile app with Linear aesthetics. Use Linear color identity with #010102 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Linear style. Use Linear color identity with #010102 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Linear design language. Use Linear color identity with #010102 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Linear visual identity. Use Linear color identity with #010102 accents. Compelling, conversion-focused.
使用範例
Linear 應用程式
Web 端Build a web app with Linear design language and #010102 color system.
Linear 儀表板
儀表板Create a dashboard using Linear style with data visualization and ( typography.
✅ 適用情境
- SaaS 產品
- 專案管理與協作工具
- 追求效率的極簡工作台
❌ 不適用情境
- 資訊密度極高的報表系統
- 活潑插畫風行銷頁
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。