# 视觉规范 · 英语默写AI版

交付 0.12.3 · 2026-10-13 · 新增我的15～23及错题本24，累计232页／状态；24／26功能模块已设计，25AI错题复习、26二维码与小程序暂缓。视觉权威为独立 prototype.html 的屏幕内产品 UI。

## 来源与体系

以用户指定 UI 的四个 Tab 首页为视觉依据，延展淡紫底色、品牌紫、白色圆角卡、纸张与星星图形。保留原 UE 的职责和已明确规则。

## 颜色

| 用途 | 色值 |
| --- | --- |
| 页面底色 | #F4F2FC |
| 品牌与主行动 | #6C4FD8 |
| 主卡／选择底 | #E8E1FF |
| 标题 | #1F1B2E |
| 正文 | #5A5470 |
| 辅助文字 | #6B6680 |
| 内容卡 | #FFFFFF |

错误与待确认分别用红色反馈和宿主暖色说明，不能只靠颜色传达。

## 字体与尺度

中文使用 -apple-system / PingFang SC / Microsoft YaHei 系统无衬线字体，英文与数字使用 Quicksand。TTF 内嵌独立原型，许可见 assets/OFL.txt。主要标题约 28px，正文 15–16px，辅助 12–13px；按钮文字约 16px，按钮高 52px；左右留白 22px，常用间距 8/12/16/24。实际页面层级以 HTML 为准，不将宿主画布缩放作为 App 缩放。

主卡圆角 28px，白色内容卡 20–22px，按钮约 16px。阴影沿用参考的品牌紫低透明度阴影；选择态使用紫边／浅紫底，disabled 明确弱化并使用真实 disabled 属性。

## 手机与适配

屏幕基准 390×844，包含系统状态栏与手势条；内容区域独立滚动，操作区和系统区不覆盖列表或协议。宽屏独立原型保持模拟器；窄屏宿主按可阅读比例适配并可滚动。手机壳、画布控件、演示状态选择器不属于产品实现。

## 动态与反馈

加载点、操作反馈及请求态为可演示状态；尊重 prefers-reduced-motion。请求中禁重复提交，错误反馈可被读屏读出。演示请求和倒计时不构成真实服务响应或频控契约。

## 人类阅读

默认 90% 可读比例，查看全部独立操作。左侧仅模块一级导航，搜索定位页卡。完整详情在当前页面弹层展示，关闭保留画布位置；支线说明单独切换。