笔记卡片填充色 Demo

这个页面只对比“仓库卡片里的笔记块”视觉处理,其他元素保持尽量一致。每个方案都用了同一份标题、标签、长链接和多行笔记内容,方便你直接判断哪种底色最顺眼、最不抢戏,也最适合和当前插件整体风格放在一起。

同一内容 长链接换行已纳入观察 笔记区不带 emoji 前缀 建议优先看“卡片整体平衡感”
方案 A · 当前中性灰

稳,但偏淡

最不出错,识别感也最低,笔记像“附属说明”,不太像真正需要被看见的内容。

cloudclaw

一个用于聚合多模型调用能力的工具集,接口设计和路由层都比较轻。
tooling agent ↗ https://www.bilibili.com/video/BV1ekwfz2EhS
这个仓库我主要关注: 1. 多模型路由策略 2. 限流和缓存是否做得足够轻量 3. 后面可以参考它的错误处理和重试机制
TypeScript ⭐ 2.8k 更新于 3 天前
适合:你想让笔记更“退后”,只作为补充信息存在。
方案 B · 浅蓝推荐

清爽,和当前按钮体系一致

比白底更有识别度,但不会太跳;和现有蓝色标题、编辑按钮、链接色天然同一套语言。

cloudclaw

一个用于聚合多模型调用能力的工具集,接口设计和路由层都比较轻。
tooling agent ↗ https://www.bilibili.com/video/BV1ekwfz2EhS
这个仓库我主要关注: 1. 多模型路由策略 2. 限流和缓存是否做得足够轻量 3. 后面可以参考它的错误处理和重试机制
TypeScript ⭐ 2.8k 更新于 3 天前
推荐理由:强调“这是笔记”,但不至于压过仓库标题和标签。
方案 C · 便签米黄

最像“注释/批注”

存在感最强,容易让人立刻把它理解成个人备注区,但也更容易成为视觉主角。

cloudclaw

一个用于聚合多模型调用能力的工具集,接口设计和路由层都比较轻。
tooling agent ↗ https://www.bilibili.com/video/BV1ekwfz2EhS
这个仓库我主要关注: 1. 多模型路由策略 2. 限流和缓存是否做得足够轻量 3. 后面可以参考它的错误处理和重试机制
TypeScript ⭐ 2.8k 更新于 3 天前
适合:你希望笔记块像“我的个人判断”或“重点摘录”。
方案 D · 薄荷浅绿

信息感更轻,呼吸感更强

比蓝色更柔和,也比米黄更克制,适合想让笔记看起来“整理过、很干净”的感觉。

cloudclaw

一个用于聚合多模型调用能力的工具集,接口设计和路由层都比较轻。
tooling agent ↗ https://www.bilibili.com/video/BV1ekwfz2EhS
这个仓库我主要关注: 1. 多模型路由策略 2. 限流和缓存是否做得足够轻量 3. 后面可以参考它的错误处理和重试机制
TypeScript ⭐ 2.8k 更新于 3 天前
适合:你希望整体看起来更轻盈,不那么“工具化”。
方案 E · 低饱和淡紫

更有设计感,但风险略高

有一点点编辑器/知识库产品的气质,适合偏精致风格,但如果主题太多会稍显跳脱。

cloudclaw

一个用于聚合多模型调用能力的工具集,接口设计和路由层都比较轻。
tooling agent ↗ https://www.bilibili.com/video/BV1ekwfz2EhS
这个仓库我主要关注: 1. 多模型路由策略 2. 限流和缓存是否做得足够轻量 3. 后面可以参考它的错误处理和重试机制
TypeScript ⭐ 2.8k 更新于 3 天前
适合:你想要比常规蓝绿更“有一点性格”的方案。