feat(ui): 营销站 UI/UE/UX 治理 P0→P3 收官
复评(impeccable critique)全部 Priority Issues 与 Minor Observations 落地: - P0 数字口径:MetricsBasisNote 单一真源 + metrics-basis.test fs 防线,接入 products/solutions/services/home/about;纯渲染端加角注,不动 DB/seed 值 - P1 转化断头路:敬请期待态 + 404 语境出口 + services 空态双出口 - P1 首页并卡:TrustSection 早鸟横幅并入 CasesSection 单张深色共创卡 - P2 CTA 治理:CONSULT_CTA_ALLOWLIST 白名单 + 逐字符扫描器,/contact CTA 全归一 - P3 polish:footer 补 服务/公司列、contact 死三元/空槽/toast、GlobalErrorTracker 幂等日志 - 文档同源:PRODUCT/CONTEXT 动效带统一 180–280ms;DESIGN.md 立 The 10px Floor; font-floor.test 守卫禁止再引入 <10px(保留 10/11px 有意 Bain 微标签) Gates: type-check 0 · jest 1581/132 · lint 0e/126w · contrast 7/7 · headings 10/10
This commit is contained in:
+1
-1
@@ -73,7 +73,7 @@ Switch / Slider 的白底圆钮。
|
||||
### 动效设计四原则 (Motion Design Principles)
|
||||
基于 Porsche Consulting "用动效象征变革"理念,统一全站动效语言:
|
||||
1. **Purposeful(有目的)**:每个动效必须服务于内容传达,不做纯装饰动效
|
||||
2. **Fast(快节奏)**:入场 200-300ms,hover 150ms,反馈 100ms
|
||||
2. **Fast(快节奏)**:入场 180–280ms(`--transition-fast` … `--transition-normal`),hover 150ms,反馈 100ms
|
||||
3. **Natural(自然)**:统一使用 `ease-ink` [0.22, 1, 0.36, 1] 作为默认缓动曲线
|
||||
4. **Layered(分层)**:子元素入场 stagger 30-60ms,Section 间 stagger 100-150ms
|
||||
|
||||
|
||||
Reference in New Issue
Block a user