排版与图像
字体系统
字体规范对齐重庆理工大学官方视觉识别手册(2024.04)的专用字体。官方字体为商业授权字体,需由使用方自行购买授权;未取得授权时,回退到系统字体族以保证跨平台呈现一致。
- 中文首选(授权场景):主标题用方正兰亭粗黑,副标题用方正兰亭中黑,内文用方正兰亭刊黑。
- 英文首选(授权场景):主标题用 HerounMHSans SemiBold,副标题用 HerounMHSans Regular,内文用 HerounMHSans Light。
- 系统回退(默认):苹方(PingFang SC)、微软雅黑(Microsoft YaHei)、Segoe UI 及 Roboto;代码块与数字展示使用 JetBrains Mono 或 Fira Code。
推荐字体栈:
css
/* 标题 */
font-family:
"FZLanTingHeiS-B-GB", "FZLanTingHeiS-DB-GB", "PingFang SC", "Microsoft YaHei", "Segoe UI",
"Roboto", sans-serif;
/* 正文 */
font-family:
"FZLanTingHeiS-L-GB", "PingFang SC", "Microsoft YaHei", "Segoe UI", "Roboto", sans-serif;
/* 英文标题 */
font-family: "HerounMHSans SemiBold", "HerounMHSans", "Segoe UI", "Roboto", sans-serif;正文行高建议设为 1.65(亮色模式)至 1.8(深色背景),字重使用 Regular(400)或 Medium(500);标题行高设为 1.25,字重使用 Bold(700)或 Extra Bold(800)。
标点与格式
- 中英文混排时,中文与英文/数字之间须保留一个半角空格(例如:“集成 React 框架”)。
- 中文内容必须使用全角标点,且括号、冒号也须使用全角版本(例如:“声明:本规范……”)。
- 专有名词须保持大小写一致:Git、GitHub、Markdown、HTML、CSS、JavaScript、TypeScript。
封面图规范
项目仓库封面、Open Graph 分享图应统一使用标准模板生成,以确保视觉品质:
- 布局结构:左侧展示项目名称、描述以及状态标签;右侧呈现辅助品牌图形。
- 图形要求:封面设计可引用工程网格、CQUT 字母模块和节点连接线作为辅助图形,也可借鉴学校官方 VI 中飞翼、跑道的线描辅助图形。设计应保持专业和独立,不包含未经授权的校徽等官方商标资产。
- 色彩比例:背景以主蓝色(
#0068B7)为主,整体占比大于 80%;金色仅作小面积点缀,占比不超过 20%。 - 渐变控制:采用官方主题色渐变(三个色标均为主蓝色
#0068B7,通过透明度过渡),浅色氛围背景可使用官方辅助渐变色阶浅色端(#BCC5E0 → #E1C4AB → #F3E7DD),暖色端须拉伸至画面外部,防止整体画面过亮。
图标
界面交互与状态提示图标,首选使用 Feather Icons 或 Lucide 图标集。除极简状态指示外,动作图标应保持一致的描边粗细(2px)和尺寸规格(24×24px),禁止将不同风格(如扁平实心与线性描边)的图标混用在同一菜单或列表中。