名师学科创平台
VIS 基础系统规范 v2.0
本手册是名师学科创平台全部物料、网页、印刷品的视觉唯一依据，覆盖：C01 标志规范、C02 标准色彩、C03 标准字体、C05 IP 使用边界、C06 网格系统、C07 图标规范，以及 v2.0 新增的 C08 功能组件规范（按钮纪律、合规提示条、几何质感、标准主题卡）。
v2.0 在保留 v1.0 全部有效核心条款的前提下，将 2026-09-07《名师学全站设计学习巡检与 VI 升级报告 v1》中已经过全站实战验证的主题语义色板、场景底色、按钮体系、合规提示条与标准主题卡收编为官方标准。任何物料制作必须基于本规范；规范未覆盖的情形，提交品牌群判定，不得自行发挥。
v2.0 升级说明：保留与变更
自 v1.0 完整保留（条款不变）
- V6 五档标志构成、反白用法、安全边距（高度 1/4）、最小尺寸表
- 品牌主色三色（#E57026 / #C35B18 / #FDF3EB）与中性色五级
- 标准字体体系（思源黑体 / Nunito ExtraBold / 等宽数字）与授权纪律
- 飞行员松鼠 IP 使用边界与错误用法示例
- 8px 基准网格、间距阶梯、12 栏栅格、线性图标规范
- 固定文案口径：主口号、版权主体、业务定位
v2.0 新增 / 升级
- 新增：六主题语义色板（官方定色）与"单色面积 ≤ 单卡片 15%"使用铁则
- 升级：UI 功能色四色定值（成功绿由 #16A37B 调整为 #16A34A）
- 新增：场景底色三套 + 暖金场景（禁自创）
- 新增：按钮纪律——橙实心为唯一主行动色、禁绿按钮、同级整组一致
- 新增：合规提示条标准组件（赛事/考级/课程第三方服务页必置）
- 新增：几何质感（圆角/阴影两档/字重）与标准主题卡组件结构
- 收编：电商角标四色官方化（推荐橙/热销红/新品绿/优选金）
标志规范
标志母版为 V6 定版五档，V1–V5 全部作废。母版 SVG 是唯一源文件，禁止重绘、替换或另存改版。
五档构成与使用场景
反白用法
标志置于深墨色 #0F172A 或品牌橙 #E57026 等深色实底上时，必须使用反白母版，禁止把正稿直接压暗或自行改色。反白版仅提供「02 顶栏」「04 纯松鼠」两档，其余档位遇深底应改用该两档。
安全边距
标志四周必须保留净空区，区内不得出现文字、图片、边线或其他标志。净空值 = 标志高度的 1/4（04 纯松鼠以松鼠图形高度计）。下示意图中外圈虚线框即净空边界。
最小尺寸
| 档位 | 印刷最小高度 | 屏幕最小高度 | 说明 |
|---|---|---|---|
| 01 横版全要素 / 05 竖版全要素 | ≥ 15 mm | ≥ 56 px | 低于此尺寸副标与 ® 会糊 |
| 02 横版精简（顶栏） | ≥ 8 mm | ≥ 32 px | 网站顶栏建议 36–44 px |
| 03 含口号 | ≥ 20 mm | ≥ 72 px | slogan 必须清晰可读 |
| 04 纯松鼠图标 | ≥ 6 mm | ≥ 20 px | favicon 16px 为极限，须用专用导出 |
标准色彩
品牌主色为松鼠橙。屏幕色用 HEX，印刷色用 CMYK；印刷物料以铜版纸打样为准，批量生产前须打样核对。
品牌主色
RGB 229 / 112 / 38
CMYK 0 / 51 / 83 / 10
RGB 195 / 91 / 24
CMYK 0 / 60 / 88 / 24
RGB 253 / 243 / 235
CMYK 0 / 4 / 10 / 0
中性色
CMYK 85 / 78 / 60 / 45
CMYK 0 / 0 / 0 / 80
CMYK 0 / 0 / 0 / 60
CMYK 0 / 0 / 0 / 40
CMYK 4 / 3 / 0 / 5
功能色（v2.0 官方定值，仅 UI 状态使用）
变更提示：v1.0 功能色旧值（成功 #16A37B、警告 #E8A33D、错误 #D9534F、信息 #3B7BD4）自 v2.0 起在数字界面停用，以本表为准。通用禁用：不得自定义其他品牌色；不得用功能色做大面积装饰；印刷全色物料黑字用 CMYK 0/0/0/80，不用四色黑（Rich Black），避免小字糊版。
主题语义色板（六主题官方定色）
六主题一一对应六色，用户不看文字也能区分主题。每色配套「主色 + 浅底色」一对令牌，一色贯穿图标浅底块、4px 色顶条、胶囊标签、进度数字。
主色 #2563EB #EFF6FF
主色 #16A34A #F0FDF4
主色 #0891B2 #ECFEFF
主色 #E11D48 #FFF1F2
主色 #7C3AED #F5F3FF
主色 #EA580C #FDF3EB
使用铁则：主题色只用于识别与点缀——图标浅底块、4px 色顶条、胶囊标签、进度数字。单色面积不得超过单卡片的 15%，禁止整色块大面积填充；主题色永不做按钮、不做标题。品牌橙 #E57026 是唯一主行动色。
场景底色（三套 + 暖金场景，禁自创）
电商角标色（官方化）
- 推荐 = 品牌橙
#E57026；热销 = 警示红#E11D48；新品 = 成功绿#16A34A；优选 = 金棕#B98A2B。 - 角标仅用于商品卡营销层级标识，为小胶囊点缀，不得放大为色块；不得自造第五种角标色。
标准字体
全部字体免费可商用（SIL OFL 协议），禁止使用方正、汉仪等未授权商业字体。交付印刷文件时文字必须转曲。
使用规则
| 项目 | 规范 |
|---|---|
| 字重层级 | 一页内不超过 3 个字重：标题 / 小标题 / 正文。数字界面标题字重 600–700，不超过 800；印刷封面级大标题可用 900 |
| 数字 / 英文 | 全站数字与英文统一 Nunito ExtraBold；计数、价格、进度数字不允许逐页换字族 |
| 字号（屏幕） | 正文 ≥ 14px，行高 1.6–1.8；正文与背景对比度 ≥ 4.5:1 |
| 字号（印刷） | 正文 ≥ 9pt，传单/手册建议 10.5–12pt |
| LOGO 字体 | 标志内「名师学」三字已随母版转曲，禁止用任何字库字重新打字替换 |
| 禁用 | 禁 方正/汉仪/华康等未授权字体 禁 楷体、隶书、艺术变形字做正文 禁 给系统默认宋体直出 |
IP 使用边界（飞行员松鼠）
松鼠是名师学注册 IP，造型以 04 纯松鼠母版为准：极简、抽象、橙色，不做写实化。
允许
- 按母版等比缩放，用于头像、贴纸、徽章、表情包底形
- 在不改变身体比例与五官的前提下加配饰：飞行帽、护目镜、耳机、红领巾、机长肩章
- 做动作延展（敬礼、招手、持遥控器、坐进驾驶舱），轮廓特征必须与母版一致
- 反白版用于深底；单色橙印用于单色印刷
- 表情包、周边等衍生稿须经品牌群按母版核对后归档
禁止
- 改颜色：松鼠只能是 #E57026 橙或反白，禁止换色、渐变、彩虹色
- 改形：拉伸缩放、旋转倾斜、改变尾巴/耳朵/头身比例
- 写实化：加毛发纹理、阴影立体感、照片拼接
- 给松鼠加五官表情以外的器官重绘，或替换成其他动物/卡通形象
- 把松鼠放进杂乱背景、低对比照片、低俗或争议场景
错误用法示例
网格系统
所有数字界面与印刷版面以 8px 为基础栅格，间距、尺寸取 8 的倍数（文字行高可用 4px 微调）。
间距阶梯（px）
| 令牌 | 值 | 用途 |
|---|---|---|
space-1 | 4 px | 图标与文字、紧凑内边距 |
space-2 | 8 px | 基础间距、卡片内边距 |
space-3 | 16 px | 组件间距、段落间距 |
space-4 | 24 px | 卡片间距、区块内留白 |
space-5 | 32 px | 区块间距 |
space-6 | 48 px | 大版块间距、页首留白 |
space-7 | 64 px | 封面级留白 |
版面栅格
- 网页：桌面 12 栏，栏间距 24px，最大内容宽 1080–1200px；平板 8 栏；手机 4 栏，页边距 16–20px
- 印刷：A4/传单 12 栏，页边距 ≥ 12mm；卡片/名片边距 ≥ 5mm
- 对齐：同一卡片内元素左基线对齐；标志顶栏左起，导航右起
栅格示意（8px 基准）
图标规范
界面与物料功能图标统一线性风格：2px 描边、圆角端点、品牌橙单色，24px 画板设计，禁用实心填充与多色混搭。
图标使用规则
| 项目 | 规范 |
|---|---|
| 画板与描边 | 24×24px 画板，描边 2px（放大到 48px 用 3px），端点/转角圆角 |
| 颜色 | 单色 #E57026；深底用反白；禁用状态 #999999；功能反馈可用 C02 功能色 |
| 最小尺寸 | 屏幕 ≥ 20px，印刷 ≥ 5mm；图标与文字间距 8px |
| 禁忌 | 禁 实心填充混用线性 禁 多色图标 禁 从图标库截图带水印直用 |
功能组件规范
v2.0 新增。将全站实战验证过的组件语言收编为官方标准：按钮纪律、合规提示条、几何质感、标准主题卡。
按钮纪律（主行动唯一）
禁止 · 同级按钮多色
同级按钮四种颜色，用户无法判断哪个是主行动；绿色在名师学体系里是"成功/上线"状态色，拿来做按钮既越位又误导。
标准 · 一卡一主按钮
主行动唯一：橙实心；次行动：橙描边白底。绿色按钮全站禁止——绿只表示成功状态。
同级卡片组 · 整组实心（正确）
同级卡片组 · 整组描边（正确）
按钮铁则：主行动唯一 = #E57026 橙实心；次行动 = 橙描边白底；禁绿按钮（绿只表成功状态）；同级卡片按钮要么全实心、要么整组描边，禁逐卡换色。移动端主行动按钮满宽，单屏行动按钮不超过三级。
合规提示条（标准组件）
- 底色
#FFFBEB，描边#D97706，左侧圆形 info 图标（#D97706），正文色 #78350F。 - 文案口径固定，不得改写为承诺性表述；置于页面顶部或价格/行动区上方。
- 赛事 / 考级 / 课程涉及第三方服务的页面必须放置；把"不碰培训、不代收费"的合规立场做成固定组件，比写在页脚更有效。
几何质感
圆角令牌
卡片 999
胶囊 10
图标块
图标块尺寸 36×36px；卡片圆角统一取 16–20px。
阴影两档
字重纪律
标题 600–700
Heading 700
不超过 800
Nunito ExtraBold 数字/英文
标准主题卡组件
标准结构（自上而下、自左而右）：白圆角卡 + 顶部 4px 主题色条 + 右上超大序号水印（01–06）+ 左上浅底图标方块 + 胶囊标签 + 右下渐变装饰三角。视线路径：图标 → 标题 → 说明 → 标签 → 行动；全部用色遵守"点缀不超过 15%"铁则。
0/48 关 · 1152 题
0/48 关 · 1152 题
0/48 关 · 1152 题
附录：固定口径与执行
品牌固定文案口径
| 平台名 | 名师学科创平台（对外唯一定名）；英文 MingShiXue（仅 Nunito ExtraBold 字形） |
|---|---|
| Slogan | 名师引路 · 学以致远（唯一定版；旧版口号已全部作废，任何物料不得出现） |
| 题量对外口径 | 8000+ 道精选习题（2026-09-05 老田拍板） |
| 见效话术 | 「大部分孩子 8–12 周可见明显进步」——客观口径；禁「包过」「提分百分百」等承诺性表述 |
| 业务定位 | 卖软件会员、不做学科培训；赛事报名一律引导官方渠道；涉及第三方服务页必置合规提示条 |
| 版权主体 | 重庆添博睿科技有限公司；® 注册号：第41类 53728448、第28类 61950793 |
执行与边界
- 视觉唯一出口
- 所有视觉与标准由品牌群（凌云）产出与解释；自媒体达人只填内容不做视觉；平台群按本规范做网页落地，不自行发挥。
- 母版取用
- V6 五档母版 SVG 与 PNG 取件包：品牌资产_LOGO/V6.1组合标准件/ 等官方目录；跨群取件以品牌群通告为准。
- 本版覆盖
- C01 / C02 / C03 / C05 / C06 / C07 + 新增 C08，满足当前线上线下物料与功能组件的制作需要。
- 规范来源
- 主题语义色板、场景底色、按钮纪律、合规提示条、标准主题卡等条款，源自 2026-09-07《名师学全站设计学习巡检与 VI 升级报告 v1》的全站实战巡检收编。
- 规范冲突
- 本手册与旧版任何材料冲突时，以本手册为准；v1.0（2026-09-05）中与 v2.0 不一致的 UI 色值与组件用法，以 v2.0 为准；解释权归品牌群。