zhangxiang and 阿睿
2aa0e21319
refactor(animations): converge P1 motion durations to ≤300ms target
...
- 151 scripted + 1 manual duration fixes across 46 files
- framer entrance 0.5/0.6s -> 0.3s
- Tailwind hover -> duration-150, entrance -> duration-300
- preserve flip-clock/page-transition per semantic decision
- design-system.ts dead-code deferred
- P1 violations 156 -> 5; P0 remains 0; OK class 249 -> 400
- verified: tsc clean, eslint 0 errors
- verified: 130/130 jest suites, 1573 passed
- verified: visual regression 46/46 zero-pixel diff
Co-Authored-By: 阿睿 <workbuddy@tencent.com >
2026-09-20 11:50:58 +08:00
zhangxiang
5d187e548b
perf(motion): 营销页入场动效时长收敛至 300ms
...
对齐 CONTEXT.md 动效四原则:入场 200-300ms、硬上限 700ms。
- 5 个营销页共 45 处 duration 由 0.8 / 1 收敛为 0.3
- 审计基线:P0 硬违规 99 → 54,P1 164 → 163,P2 持平 28
- 改动 100% 为 transition duration,零文案变更
2026-09-20 11:50:58 +08:00
zhangxiang
f8a83f55e6
fix(a11y,ui): resolve 29 P1 issues found by dogfood UI/UX/UE audit
...
Dogfood 审计(31 路由 × 多视口,Playwright 9 维探针)发现的阻断级问题全部闭环:
P1 29 → 0,对比度违规页 29 → 0。
对比度
- footer: text-gray-500 硬编码 → text-text-hint 令牌(#6B7280 在 #0A0E14 上仅
4:1,需 4.5:1),1 行改动全站 29 页生效
- brand-content / team-content 副文案 text-text-secondary/70 → /80
(4.35:1 → 5.74:1,视觉几乎无变化)
- brand-content 里程碑标签在 bg-tertiary 上 text-text-muted → text-text-secondary
(4.34:1 → 9.45:1)
装饰元素豁免
- 大号服务编号(about 01-03、team 01-05 等)加 aria-hidden="true",WCAG 1.4.3
对装饰内容不适用,无需强行提亮
- 同时补修 product-detail / solution-detail 的客户名首字占位(同类
text-text-muted/10,因容器为渐变背景属探针盲区、从未报出)
- 副文案与里程碑标签属真实语义内容,走提对比度而非 aria-hidden —— 隐藏它们
等于把公司简介与成立年份从屏幕阅读器中删除
移动端布局
- MobileTabBar 为 fixed bottom-0 高 64px,给 main / [role="main"] / footer
补 calc(64px + env(safe-area-inset-bottom)) 安全区,解决正文与页脚被遮挡
- 注意 marketing layout 使用 div[role="main"] 而非真 <main> 元素,选择器须
同时匹配两者
触控与令牌
- ERP 专题链接加 py-0.5(23px → 27px,达 WCAG 2.2 AA 2.5.8 的 24px)
- solution-service-card: shadow-blue-500/20 → shadow-brand(纳入 --shadow-* 令牌)
Refs: UI_UX_UE_AUDIT_2026-09-01.md
2026-09-20 11:50:58 +08:00
zhangxiang
8d95e41848
refactor(ui): switch remaining raw CTA pills to CTAButton across 5 pages
...
- about/contact 补 CTAButton import,移除变 unused 的 ArrowUpRight/ArrowRight
- products/standalone 次链接 StaticLink → CTAButton secondary
- 统一品牌 ArrowRight 签名与 200-300ms 过渡,保留原始尺寸
2026-09-01 11:28:04 +08:00
zhangxiang
cc1cc91010
feat(theme): 暗黑模式 Phase 2 批次 1 — about/brand 浅色区块 token 化
...
将 about-content-v4(8 处)与 brand-content(6 处)的浅色 bg-white 全部迁
到 bg-bg-primary,浅色下值完全等价(#FFFFFF)→ 浅色视觉零差异;dark 模式
下随 token 自动反色为 #0A0E14,section 间 bg-bg-secondary 交替保留设计层
次(#0F1419)。
【变更】
- about-content-v4.tsx:Hero×2 + section×2 + 卡片×2 + min-h-screen wrapper×2
- brand-content.tsx:main wrapper + Hero + section×2 + 卡片×2 + hover:bg-white→hover:bg-bg-primary
【验证】
- type-check 0 / lint 0 errors(127 warnings 既有)
- jest 128 suites / 1623 passed
- 视觉回归 22 passed(含关于我们 /about 全页浅色快照零 diff)
- computed-style 一次性脚本验证(已删除):
- dark: /about 与 /about/brand 的 html/body/header 背景 → rgb(10,14,20) ✓
- dark: sectionBgs = [#0A0E14, #0F1419, #0A0E14](bg-primary/bg-secondary
交替层次保留,dark 下 secondary → #0F1419 是设计意图)
- light: 零深色残留,所有 section 在浅色范围内
【设计确认】
- about/brand 的第二个 section 使用 bg-bg-secondary(#F8FAFC 浅灰)是设计
意图的层次交替,dark 下自动反色为 #0F1419(深一档),无需改动
- 一次性 computed-style 脚本对 'section 全部 #FFFFFF/#0A0E14' 的断言过严
→ 修正为'第一个 section 是预期主色 + 所有 section 不在反色范围',覆盖
真正的浅色→深色反色语义
【Phase 2 剩余批次】
- 批次 2:services-content-v3 + service-detail-content-v4 + solution-value
- 批次 3:product-detail-content-v3 + products/standalone + detail-hero
- 批次 4:admin 全量(login + media + roles + notifications + content + page)
2026-08-31 18:26:49 +08:00
zhangxiang
7f83ef68f7
fix(ui): about hero 下划线不再遮挡副标题 + home hero 移除重复 Logo
...
- about-content-v4: hero 标题强调下划线 absolute -bottom-2 → bottom-0,
不再向下溢出侵入下一行文字(浏览器几何验证:下划线 642-645px 位于
'专业核心团队'(521-629) 与 '的转型伙伴'(656-764) 间隙,零遮挡)
- home-content-v15: hero 删除品牌 Logo(与导航栏重复),slogan badge
成为首元素;移除 Image import
- 测试:hero logo 断言改为 'hero 内不重复渲染 img(与 header 去重)'
- 视觉基线更新 4 张:home-fullpage / about-fullpage / theme-light-main / theme-dark-main
2026-08-31 18:02:18 +08:00
zhangxiang
88578a7433
style(cta): 全站 CTA Pill 化(Button 组件 + 11 个营销页内联按钮 rounded-full 对齐签名化)
2026-08-31 16:17:42 +08:00
zhangxiang
337e1e60c0
feat(cms): 品牌叙事与结构性文案全站 CMS 化并补齐信任证据阶段 0
...
- 品牌叙事内核(价值主张/定位/承诺/三支柱/语气)下沉 site-config,经 SiteConfigProvider 注入全站
- 新增 page-copy 内容模型承载结构性文案(章节标题/眉标/描述/CTA/空状态),覆盖首页+服务/方案/产品/案例/新闻列表页,「CMS 优先 + 硬编码兜底」不白屏
- 首页「首批客户共创计划」板块(earlyAccessTitle/CtaLabel/Status 驱动)替代单行标签,如实呈现共创/内测/授权公开三档状态
- 关于页资质区数据空时如实展示「建设中」空态
- 零编造:不虚构客户/数据/资质
2026-08-20 09:25:12 +08:00
zhangxiang
713186d552
feat(design): Vibe design optimization — Hero, Bento grids, trust layer, narrative
...
升级全站体验:首页 Hero 改为产品视觉 + 单一 CTA 转化布局;产品矩阵/服务/方案改
为 Bento 非对称网格(ERP 2x2 大卡 + BI 1x2);补齐信任层(可验证信号 + 来源标注)
与「问题→方法→结果」章节式叙事;新增 hero-product-visual 与 bento-grid 可复用组件;
统一动效与品牌视觉资产。新增对应单测、UJ-11 用户旅程测试并更新视觉回归基线快照。
2026-08-19 14:43:27 +08:00
zhangxiang
628a0f1a2b
fix: align startup copy with 2026 founding and deploy hybrid rendering
...
- Replace fabricated 12-year/500+/8+ team experience claims with
2026 founding, first-client co-creation, professional team wording
- Remove fake case studies and unverified certifications from seeds,
cases page, products and ERP upgrade page
- Enable Next.js standalone output and production hybrid deployment
(Dockerfile.prod, docker-compose.server.yml, Nginx nextjs upstream)
- Add linux-musl Prisma engine target and production crypto key build
- Sync production CMS database with cleaned seed content
2026-08-17 20:21:39 +08:00
张翔
10404dbb36
chore: sync marketing pages, CMS extensions, tests and project docs
...
同步工作区剩余变更,主要包括:
- 营销页面组件与布局持续优化(about/news/services/solutions/team 等)
- 详情页四层叙事组件、布局组件、UI 组件调整
- CMS 数据模型、API 路由、权限、工作流、站内通知、媒体管理扩展
- 新增/补充单元测试与 E2E 测试(cms-workflow.spec.ts 等)
- ESLint 9 迁移、jest/tsconfig 配置更新、依赖调整
- 新增 ADR、CMS 评估文档、Release Review / Acceptance 报告
- 移除水墨装饰组件与大体积未使用字体文件
2026-07-25 08:04:01 +08:00
张翔
7f36211342
feat(content): deepen Bain differentiation across product, solution and service pages
...
- Replace decorative numbering and side-stripe borders with structured copy
- Add scenario positioning, capability metrics and verifiable dimensions
- Refine service timelines, deliverables and case-study narratives
- Update content constants to support CMS seeding
2026-07-08 14:46:51 +08:00
张翔
b5245f9aa2
feat(cms): 添加 CMS 内容管理系统与 Admin 管理后台
...
- 新增 Prisma + SQLite 数据库模型 (Category, Content, Media, User 等)
- 新增 Admin 管理后台 (认证、内容管理、媒体管理)
- 新增 CMS API 路由 (CRUD, 草稿/发布, 重新验证)
- 新增 CMS 内容版本的历史归档页面
- 新增 components/cms 内容渲染组件
- 新增 components/admin 管理后台 UI 组件
- 更新 Contact API 路由
2026-07-07 06:53:58 +08:00