本稿对应的 Figma 可编辑 UI 设计稿：小猪盖被 · Linear 官网首页设计稿。打开即可对照版面结构与组件层级。
Linear 首页把产品界面放到了营销叙事的中心。深色顶栏、大标题与一扇高密度产品演示窗共同组成入口：标题先交代这是一套面向产品研发的系统，演示窗随即把 Issue、活动记录和协作细节摊开。文字保持短句与留白，界面承担大部分证明责任。这种安排很适合研发工具：访问者先看到可工作的秩序，再理解产品承诺。
深色顶栏、大标题主张与产品演示窗并置的首屏
版面的大尺度节奏很松，章节之间接近一屏的呼吸；单个章节内部却压入标题、说明、编号和完整界面。固定顶栏带有半透明的深色表面，浅色行动按钮成为首屏最亮的锚点。主标题用偏中等的字重、紧字距和很大的字号，显得锋利却不压迫。正文退到冷灰，图注、编号与产品中的 Issue 标识带出等宽字的工程感。整页因此更像一份可浏览的系统说明，而非传统广告页。
颜色也有明确的预算。画布接近黑色，表面只以石墨灰逐层抬升；白色用于标题和关键操作，中灰负责说明与脚注。品牌靛蓝、状态点和头像色大多收在产品窗口内部。外层保持克制，反而让看板中的一处状态、对话中的一个提及更容易被看见。此处的取舍是主动放弃大面积品牌色带来的即时热闹，换取产品截图在滚动中的真实性与连续性。
工作流章节目录与产品界面章节区
中段并未把功能切成同等权重的卡片目录。Intake、规划与监控、AI 与自动化、构建与交付依次排开，章节名、灰阶编号和箭头链接像技术文档目录。页面把产品研发的时间顺序写进了信息结构：输入需求，推进计划，调用自动化，再回到审阅与交付。功能名称因此不只是一串清单，也成了阅读路径。代价是某一项能力不会在第一眼被放大成单独卖点；收益是整套工具的关系更容易被记住。
Intake 与集成场景中的看板与对话界面
Intake 章节的看板和对话界面展示了另一层设计判断。外部讨论、请求和集成信息被放进熟悉的列、标签、头像和状态圆点中，营销页面没有另造一套抽象插画语言。发丝描边的画框、微弱暗角与被裁切的内容边缘，让界面像在画面之外仍有延展。组件的选择也相当具体：chip 用于归类，侧栏缩影交代导航，卡片列呈现任务流，人物头像保留协作对象。对复杂产品来说，这些细节比一张概念图更能说明使用情境。
AI 与自动化相关的 Agent 对话界面
AI 章节没有用夸张的未来视觉来区隔自己。Agent 对话、多窗叠放和逐步出现的任务信息继续沿用同一套深色 UI 铬，自动化像系统里自然发生的动作。动效线索也很克制：适合短暂淡入、层级错落和活动记录更新的节奏，不需要弹簧式位移来制造注意力。这样做牺牲了演示的戏剧性，却保持了产品速度、稳定性与可控感之间的一致。页面把变化留给消息、状态和步骤，容器本身尽量安静。
Build review 与 Diff 代码审阅界面
到了 Build、review 与 ship，Diff 双栏和代码块把受众再次拉回研发现场。代码审阅不被单独包装成技术装饰，而是与前面的需求、计划和自动化相接，成为工作流的最后一段。界面内的等宽文本、分栏对照与细小状态色提升了信息密度，外部的大留白则防止这份密度溢到页面上。Linear 的系统感正来自这种内紧外松：营销层负责让章节清楚，产品层负责让证据具体；标题、灰阶、边框与短促变化共同服务于同一件事——让复杂协作看起来有序且可进入。