颜色
核心颜色
品牌色对齐重庆理工大学官方视觉识别手册(2024.04)的标准色,以主蓝色为主,金色为辅助点缀色。
主按钮、链接、Logo 主体
标志节点、小面积装饰点缀
警示、错误状态与点缀
正文和深色背景
亮色页面背景
边框和分隔线
官方色值对照
印刷场景优先使用 Pantone 色值,无法使用时以 CMYK 替代;屏幕显示场景使用 RGB 或十六进制色值。实际应用以 Pantone 色卡为最终校准标准。
| 色彩 | Pantone 色值 | CMYK 色值 | RGB 色值 | 十六进制色值 |
|---|---|---|---|---|
| 主蓝色 | 661C | C100 M50 Y0 K0 | R0 G104 B183 | #0068B7 |
| 金色 | P 18-9 U | C15 M30 Y45 K0 | R221 G186 B143 | #DDBA8F |
| 黑色 | BLACK | C100 M100 Y100 K100 | R0 G0 B0 | #000000 |
| 红色 | RED | C0 M100 Y100 K0 | R230 G0 B18 | #E60012 |
| 白色 | - | C0 M0 Y0 K0 | R255 G255 B255 | #FFFFFF |
辅助渐变色
官方 VI 提供以主蓝色为基础的辅助渐变色阶,用于视觉氛围装饰,基础色值同主蓝色。
渐变深端、氛围装饰与插画
渐变中段、浅色氛围背景
渐变暖段、装饰点缀
渐变浅端、浅色氛围背景
| 色彩 | 十六进制色值 |
|---|---|
| Indigo | #596FB2 |
| Periwinkle | #BCC5E0 |
| Sand | #E1C4AB |
| Cream | #F3E7DD |
渐变色仅用于大面积背景、氛围插画与装饰图形,不得用于文本、按钮、表单等界面元素。暖色端(Sand、Cream)占比需克制,保持主蓝色主导。
使用比例
品牌物料(封面、海报、横幅、旗帜等)遵循官方 VI 的色彩比例:主蓝色为品牌主色,整体占比需大于 80%;金色为辅助点缀色,整体占比不超过 20%。
软件界面以可访问性为准:中性色与充足留白打底,Brand Blue 用于关键动作、当前高亮与链接,金色仅限标志节点、装饰等小面积点缀,红色仅用于警示与错误。同一视口内通常只保留一个实心品牌蓝的核心操作按钮。
语义色
成功、警告、错误和信息等系统提示,必须遵循本规范定义的对应语义色。除色彩变化外,还需结合图标、标题或状态文本辅助展示。错误与危险状态使用官方红色 #E60012,不可将金色误用作成功状态指示。
亮暗主题
组件开发应按用途选用语义色,而非直接套用原始色阶。亮色主题下的主操作按钮使用 Brand Blue;暗色主题下的主操作按钮则采用 Soft Blue 配 Ink Navy 文本。插图、Logo 以及状态色均需在亮暗双重主题下进行单独视觉复核,避免进行粗暴的反相处理。
渐变
渐变配色仅用于仓库封面、社交分享图以及大面积品牌插画。交互按钮、表单输入框、数据表格和状态标签等基础元素均不使用渐变样式。
官方 VI 允许使用主题色渐变:0%、90%、100% 三个色标均使用主蓝色 #0068B7(CMYK C100 M50 Y0 K0),渐变只通过透明度与叠加呈现、不改变色相。
| 色标 | CMYK 色值 | RGB 色值 | 十六进制色值 |
|---|---|---|---|
| 0% | C100 M50 Y0 K0 | R0 G104 B183 | #0068B7 |
| 90% | C100 M50 Y0 K0 | R0 G104 B183 | #0068B7 |
| 100% | C100 M50 Y0 K0 | R0 G104 B183 | #0068B7 |
- 封面与分享图:使用官方主题色渐变,主蓝色通过透明度形成过渡(如
#0068B7 → rgba(0, 104, 183, 0)),不混入其他色相。 - 大面积氛围背景:可使用官方辅助渐变色阶的浅色端
#BCC5E0 → #E1C4AB → #F3E7DD,暖色端须超出画布边界或控制占比,防止画面过亮。 - 金色仅作为节点与点缀色,不进入渐变主轴线。