Appearance
Oranzy · V30 全局视觉规范
状态:已确认品牌基线 + V30 待验收样式规范。
品牌基线
主色 #15A58A,辅助色 #FF9A56,背景白色与浅灰绿,主文字 #202B28,辅助文字 #7B8984。清爽、年轻、自然,采用真实摄影素材和轻量插画。
组件统一
- 页面标题 20px,分区标题 15px,正文 12–13px,辅助信息约 11px。
- 功能图标采用 20–27px 统一线性 SVG,描边约 2.2px;底部导航 25px 图标、约 72px 高、五栏等宽。
- 主按钮最小高度 40px,圆角 11px;搜索框最小高度 43px,圆角 12px。
- 卡片圆角约 12–15px,统一边框、间距和分隔线。
- 消息头像 48px;活动、圈子卡片保持图片、内容与操作区域对齐。
- 弹窗、输入框、导航栏需要考虑 iPhone 安全区与键盘遮挡。
验收
发现、圈子、发布、消息、我的五个主页面及二级页面,在 375px、390px、430px 视口检查长文本、图标清晰度、按钮触控、底部导航、滚动、弹层和返回路径,并对照已确认的视觉稿。
V30 不修改既有业务决策。真实浏览器视觉回归尚未完成。