Skip to content

feat(design): 明确设计知识并落实字体、轮廓与中性色彩 - #46

Merged
xiaoland merged 9 commits into
mainfrom
feat/design-knowledge
Sep 14, 2026
Merged

feat(design): 明确设计知识并落实字体、轮廓与中性色彩#46
xiaoland merged 9 commits into
mainfrom
feat/design-knowledge

Conversation

@xiaoland

@xiaoland xiaoland commented Sep 13, 2026

Copy link
Copy Markdown
Member

将单一 DESIGN.md 拆成按职责查阅的设计知识入口,明确维护 Agent 与消费 Agent 共用的视觉依据,并将已确认的字体、轮廓、色彩和阴影落到组件与 Token。

  • F0:共同理念、视觉语言、页面组合与 Web 实现各自拥有文档,生成到包内指南和 Agent Skill。
  • I1:普通状态使用无衬线与直角轮廓;Image、AutoForm 示例提供实际可用的交互。
  • I2:主动作与基础表面采用中性灰,注意性反馈使用清晰前景,收敛浅深主题与覆盖层阴影。保留 150 个 Token 路径和类型。

验证:完整 pnpm check、同版本指南交付、候选 tarball 安装、浅深主题与窄屏实际组件验证均通过。证据见 tasks/ui-foundations/packet.md 及 I1/I2 evidence;Histoire preview 已部署。实际操作发现既有 CDN Vue 替换和空 Shiki 代理破坏展示运行时,已撤除这两层自定义替换,独立提交修复;完整检查与更新后的远端浏览器复验均通过:浅深各 41 个变量、Switch/Image/原生提交及展示控件/源码面板正常,pageerror 为零。结果与源提交见 tasks/ui-foundations/preview-evidence/README.md

交付:本 PR 提供 Histoire preview 和 Changeset,未发布新包。消费者仍使用正式 UI 2.0.0;下游迁移为 InKCre/client-web#104,两个 PR 没有 Git 堆叠关系。新包正式发布与消费者安装复验仍是后续交付边界。

风险主要是默认主题改变及指南消费入口;可按 F0、I1、I2 独立提交回退,不涉及数据库或业务数据迁移。

展示构建恢复锁定依赖的常规打包,vendor 约 12.24 MB(gzip 2.31 MB)。后续展示站优化需兼容真实运行时;本轮不增加 CDN、运行时 fallback 或新依赖。

补充 Header 菜单图标修复 6b988c3d6125cf:Uno 图标规则已存在,原按钮透明背景使 mask 填色不可见。现将图标放到装饰 span,按钮保持独立焦点和命中区域;完整检查及浅深/375px/1280px 图标、焦点、点击/Enter/Space 事件验证通过,含 patch Changeset;保留原有 24px 图形尺寸,最终源码 CI 与实际远端 preview 四组检查均通过,pageerror 为零。证据见 tasks/ui-foundations/header-evidence/README.md。消费者 PR #104 仍使用正式 2.0.0,需正式发布修复包后更新依赖。

- 将设计立场、视觉语言、页面组合与判断依据拆为按任务读取的正文
- 统一维护与消费入口,随包交付设计文档及实例图片并检查文件、字节和链接
- 记录逐项确认的风格及内容取舍原则;完整交付检查通过
- 普通 Switch 状态采用系统 UI 字体,AutoForm 根错误容器保持直角
- 校准 AutoForm 与 Image 示例,提供持续可见的提示和实际原图下载
- 完整检查及打包组件、Story 浏览器验收通过,独立保留 I1 证据
- 同步浅深主题、Switch 和覆盖层阴影,保留既有公开角色。

- 按用途修正设计指南、Agent 配方和普通状态示例,补充迁移说明。

- 记录场景确认与实际产物验收,并解耦循环引用夹具对旧配色的依赖。
- 归档来源工作流的本地验收与当前发布依赖\n- 记录用户授权的双仓 PR preview 交付
@cloudflare-workers-and-pages

cloudflare-workers-and-pages Bot commented Sep 13, 2026

Copy link
Copy Markdown

Deploying inkcre-web-design with  Cloudflare Pages  Cloudflare Pages

Latest commit: 5d2bf22
Status: ✅  Deploy successful!
Preview URL: https://b210c51e.design-dd4.pages.dev
Branch Preview URL: https://pr-46.design-dd4.pages.dev

View logs

- 移除 CDN 替换和空 Shiki 代理,修复交互与源码面板错误

- 完整检查及正式构建浏览器验收通过,记录展示包体积边界
- 记录 UI 浅深主题、交互和源码面板的实际部署证据

- 更新消费者最终 CI、SSH 数据库结果和未发布边界
- 避免透明按钮背景抹去图标填色,保留完整键盘焦点

- 补充 Story 事件反馈、patch Changeset 和浅深窄宽验收
- 使用现有图标尺寸 helper 保持 24px 图形与操作区域

- 补验图形尺寸并更新浅深主题实际截图
- 记录最终源码、preview 身份及四组实际绘制与交互结果

- 明确消费者需等待正式修复版本的安装边界
@xiaoland
xiaoland merged commit cd78a01 into main Sep 14, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant