Linear 是面向现代产品开发的项目与事务管理工具，讲究速度、精准与工艺感。它的界面由 #08090a 一族的深色层次和唯一的靛紫强调色 #5E6AD2 构成，配合 Inter Variable 的几何替换字形与 Display 级负字距，气质冷静克制。适合为 SaaS 产品设计专业、精准的深色界面。
效率与 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 编程工具使用。