orbit-general

Orbit 综合简报

跨连接器晨间简报，位于「我的设计」顶部。 汇总所有已认证连接器过去 24 小时的动态， 并将它们整理成一份编辑风格的 Bento 仪表盘。

⚠️ 真相来源协议（请先阅读）

第 1 步。 编写任何输出之前，先打开并阅读此文件夹中的 example.html。 该文件是规范设计——你的工作是复现它，而非重新诠释。

第 2 步。 严格按 1:1 镜像示例的结构：

• 相同的 DOM 层级和类名
• 相同数量、相同顺序的分区
• 相同数量、相同顺序的 Bento 模块
• 相同的连接器列表（不要添加或删除连接器）
• 相同的 KPI 标签、相同的 Top 3 条目、相同的「等待回复的人」集合
• 相同的页脚字符串
• 末尾相同的 <script> 代码块（链接注入）

第 3 步。 可以更新模拟数据值（数量、名称、时间），让它们看起来像是「今天」的数据——但不得添加 example.html 中不存在的新 UI 元素、分区、模块、徽章、提示框、缎带、横幅、装饰或界面元素。如果示例中没有某项内容，就不要在输出中添加。

身份保护规则。 将 example.html 中的所有姓名或用户名视为模拟内容。除非请求或连接器数据明确指出了已获授权用户，否则不得根据示例中的内容、连接器账号标签、所有者、受指派人、发件人或提及来推断当前用户的显示名称。如果没有明确提供当前用户姓名，请使用中性措辞，例如 you、your、current user、我或你。

以下正文分区是视觉语言和设计令牌的参考——它们并非允许添加示例中未呈现功能的依据。

⚠️ 设计系统政策

此技能自带一套完整的视觉语言，已内置于 example.html 中。不得要求用户选择或附加设计系统，也不得将任何外部 DESIGN.md 令牌注入输出。

• 如果当前项目附带了设计系统，请忽略。
• 如果用户提供了品牌令牌或 Figma 文件，请忽略。
• 仅使用 example.html 中定义的颜色、字体、圆角和界面元素。

这是硬性约束：Orbit 简报必须呈现 Open Orbit 自有的编辑风格 Bento 语言，而非用户的品牌风格。

画布令牌（使用这些精确值）

--bg:        #FAF7F2     /* off-white page */
--surface:   #FFFFFF     /* card */
--fg:        #1A1816     /* ink */
--muted:     #6B6660     /* secondary text */
--border:    #EAE5DD     /* 1px hairline only */
--orange:    #D86A47     /* accent (CTAs, hero highlight, meeting blocks) */
--green:     #2E7D5B     /* ok / done */
--yellow:    #C9982E     /* waiting */
--red:       #C0473A     /* alert / fail */
--radius-l:  24px        /* outer container */
--radius-m:  16px        /* bento cards */
--radius-s:  12px        /* inner blocks */

字体栈：

• 展示衬线字体：'Cormorant', Georgia, serif — 用于 KPI 数字、主视觉 h1、Top 3 序号、斜体评论引文
• 正文无衬线字体：'Inter', -apple-system, system-ui, sans-serif
• 数字：始终使用 font-variant-numeric: tabular-nums

不使用阴影。不使用渐变。不以表情符号作为主要视觉元素。 连接器图标必须是单色线条 SVG（描边宽度为 1.5）。

页面分区（从上到下）

1. 首屏 — 单行，高约 80px。 左侧：☀ 你好（Cormorant 38px）。 问候语右侧：· 2026 年 5 月 6 日 · 星期三（弱化显示，18px）。 最右侧：圆形头像（40px）+ 小型 ⚙ + ✕ 图标。

2. KPI 栏 — 单行，高约 120px，5 列等宽。 每个单元格：衬线数字（Cormorant 64px，--fg），下方为弱化显示的全大写字母跟踪标签（Inter 11px，letter-spacing 0.06em）。 数字旁可选 ▲/▼ 变化标签，使用 --green/--red。 建议标签：待办 / 待 review / 会议 / @ 我 / agent 跑完。

3. 今日时间线 — 全宽，高约 140px。 水平时间轴从 09:00 → 19:00，下方标注整点刻度。 会议区块：填充 --orange 的圆角矩形，按会议开始和结束时间横向延伸，内部显示会议名称 + 参会人数。 深度工作建议：在时间轴后方显示淡绿色半透明色带。 “现在”指示器：1px 宽的垂直 --red 线，带有脉动圆点（@keyframes pulse 2s ease-in-out infinite）和小型 现在 标签。

4. Top 3 — 3 张等宽卡片，高约 220px。 每张卡片：左对齐显示超大衬线数字 1 / 2 / 3（Cormorant 96px，--fg）；一行任务标题（Inter 18px 中等字重）；底部显示元信息行，包含连接器来源标签 + 线框图标 + 等待 Xh 等待时间。卡片仅使用 --border 1px 描边。

5. 连接器模块 — 自适应 Bento 布局，是简报的核心。 渲染 10–16 个模块。尺寸各异：数据丰富的连接器横跨 2 列或 2 行，简单的连接器保持 1×1。不要让任何两个模块看起来相同。 根据下方的数据类别选择 UI。

6. 等待你的人 — 全宽条，高约 110px。 左侧标题：5 人在等你 · 最久 22h（衬线字体 24px）。 右侧：5 个重叠的圆形头像（44px，约重叠 8px），每个头像下方显示姓名 + 等待原因，使用 12px 弱化显示。

7. 页脚 — 单行，高约 52px。 左侧：Open Orbit · auto-generated 06:42 · N connectors。 右侧：由 Nexu Labs 出品。 顶部 1px 边框，所有文本使用 12px 弱化显示。

连接器 → UI 映射（选择匹配的类别）

类别	示例	UI 形式
代码协作	GitHub、GitLab、Bitbucket	状态圆点列表（开放／已合并／已关闭／CI 失败）+ 审阅者数量，可选显示 2–3 行差异预览
任务管理	Linear、Jira、Asana、ClickUp	带彩色状态圆点和优先级条的工单列表；对于周期，添加一个小圆环或进度条
通讯	Gmail、Slack、飞书 IM、Outlook	圆形头像 + 单行引用；用强调色标示“等待回复”
知识	Notion、Confluence、飞书 Doc	文档标题 + 2 行摘录块；以斜体衬线字体显示评论引用
时间	日历	已显示在全局时间线中；模块形式：左侧带开始时间标记的日程列表
告警	Sentry、Datadog、PagerDuty	大号红色 Cormorant 数字（例如 4）、7 个小方块组成的 7 天热力图，以及最新的一行错误信息
状态	Vercel、GH Actions、Netlify	为最近的构建／部署分别显示彩色状态圆点 + 分支 + 持续时间
文件	Drive、Dropbox、Box	文件名列表，带迷你缩略图方块 +“编辑者”署名
看板	Trello、Miro、FigJam	3 列紧凑型看板，卡片采用圆角标签样式
财务	Stripe、PayPal、银行、Brex	Cormorant 货币数字 + 7 天迷你走势图 + 最近 3 笔交易列表
CRM／销售	Salesforce、HubSpot、Pipedrive	3 列商机流程（开放／洽谈中／已赢单）+ 1–2 张优先联系人卡片
支持	Zendesk、Intercom、Help Scout	工单队列列表，带 SLA 计时器标签（绿色／黄色／红色）+ 负责人头像
分析	Google Analytics、Mixpanel、Amplitude	迷你漏斗图（4 条递减的柱形）+ 一行群组变化量（▲ 12% W/W）
基础设施	AWS、GCP、Kubernetes、Docker	资源仪表（CPU／内存／磁盘百分比条）+ 最近 2 行部署记录
安全	1Password、Auth0、Okta	事件列表，高严重性项目配红色盾牌 + 审计时间戳
语音／其他	未知连接器	见下文的回退启发式规则

回退启发式规则（适用于未知连接器）

当连接器不匹配上述任何类别时，根据它返回的数据形态进行推断：

• 返回数字 + 时间序列 → 按告警处理（大号数字 + 热力图）
• 返回带有 status 字段的行 → 按任务管理处理（状态圆点列表）
• 返回带有 from／subject 的行 → 按通讯处理（头像 + 引用）
• 返回文档／文件名 → 按文件处理（列表 + 缩略图）
• 返回少量命名的“状态”（部署／构建／周期）→ 按状态处理
• 返回带日期的事件 → 按时间处理（日程列表）

如果仍然无法确定，则回退为状态圆点列表（最稳妥的默认选项）。

实现约束（成对列出应做与不应做的事项）

不应做	应做
将每个模块都渲染成相同的卡片形状	根据类别灵活设计：警报 = 大号红色数字 + 热力图；状态 = 状态圆点列表；文件 = 缩略图网格；通信 = 头像 + 引言
将 Sentry / PagerDuty 渲染成普通列表	使用醒目的红色 Cormorant 数字 + 7 天热力图 + 最新错误行（TypeError: …）
将 Calendar 渲染成纯文本议程	在顶部的水平时间轴上进行可视化；模块本身采用议程列表，并在左侧显示开始时间
使用 “Service A / Project X” 之类的占位名称	根据连接器类型推断合理的真实名称：GitHub → nexu-io/open-design，Sentry → frontend-prod，Linear → ENG / DES 周期 24，Stripe → Pro plan / Acme Co.
使用 lorem ipsum 填充内容	撰写具体的模拟文案，呈现真实的工作日场景，包括姓名、数字、错误、路径和百分比
在同一组模块中混用表情符号和 SVG 图标	所有连接器图标统一使用单色线条 SVG（1.5 描边）；表情符号仅用于主视觉问候语和版块锚点
使用方形或圆角方形头像	始终使用圆形头像；根据场景采用 28 / 32 / 40 / 44 px 尺寸
在卡片上使用投影 / 渐变 / 光晕	仅使用平面表面；通过 1px #EAE5DD 细边框区分卡片
使用用户设计系统中的品牌颜色	仅使用上方的画布设计令牌（#FAF7F2、#1A1816、#D86A47 等）——这是 Orbit 专属的编辑风格语言