BFSUAPA

Brand guidelines 2026

BFSUAPA

北外招生宣传协会

把世界介绍给北外，把北外介绍给世界。

北外招协标志线稿
版本 1.0
2026 年 10 月 向下浏览
02

色彩

红是唯一的强调色。页面以黑白灰为主，一张图里红色出现一次就够。

核心色

Core

点击色块复制色值。屏幕色值用在屏幕和数码印刷，上机印刷前按制作方要求打样。

标志用色

In the mark

标志文件里的红比品牌红暗一档。用原文件，颜色不动。

配比

Proportion

纸白 90%墨 9%红 1%

红色占的面积越小越像重点。整块红色只留给需要停下来的那一处。

主题色

Continents & oceans

七大洲色和四大洋色用来区分主题、活动和图表类别。每种颜色有十级，500 是主色，浅色做底，深色做文字。展开看完整色阶。

亚洲#F5B301⌄
50
100
200
300
400
500
600
700
800
900
非洲#EA580C⌄
50
100
200
300
400
500
600
700
800
900
北美洲#8B5CF6⌄
50
100
200
300
400
500
600
700
800
900
南美洲#22C55E⌄
50
100
200
300
400
500
600
700
800
900
欧洲#3B82F6⌄
50
100
200
300
400
500
600
700
800
900
大洋洲#06B6D4⌄
50
100
200
300
400
500
600
700
800
900
南极洲#7DD3FC⌄
50
100
200
300
400
500
600
700
800
900
太平洋#1D4ED8⌄
50
100
200
300
400
500
600
700
800
900
印度洋#4F46E5⌄
50
100
200
300
400
500
600
700
800
900
大西洋#0EA5E9⌄
50
100
200
300
400
500
600
700
800
900
北冰洋#BAE6FD⌄
50
100
200
300
400
500
600
700
800
900

可读性

Contrast

正文与背景至少 4.5:1，大标题至少 3:1。金黄、冰蓝这类浅亮的颜色适合做色块，不适合在白底上写小字。

深底浅字彩色底上的白字按同样的 4.5:1 测。
不用红绿区分状态和类别都写文字标签。
转黑白检查做完转成黑白看一眼，还分得清就合格。
03

字体

标题用思源宋体，正文用思源黑体，数字和拉丁字母用 Instrument Serif。

展示

Display

永
BFSUAPA 2026
思源宋体 SemiBoldInstrument Serif
秋季开放日 2026

大标题用宋体，字重 600。拉丁字母和数字交给 Instrument Serif，年份、页码、日期都用它。Instrument Serif 按 OFL 授权，可以随项目一起分发。

层级

Scale

用途字体字号 / 行高字重
页面大标题思源宋体72 / 1.05600
章节标题思源宋体40 / 1.12600
小标题思源黑体20 / 1.4600
正文思源黑体16 / 1.75400
注释思源黑体12 / 1.6400
数字与拉丁Instrument Serif随标题400

排法

Setting

秋季开放日
10 月 18 日，北外

中文不用斜体。中英文之间留一个空格。标题最多两行，第二行不短于第一行的一半。

中文不倾斜强调用字重和字号，不用斜体。
一个空格中文与英文、数字之间留一个半角空格。
左对齐正文左对齐，右端自然收口，字距保持字体默认。
04

版式

十二栏网格，宽边距，大块留白。先排信息层级，再用网格对齐。

网格

Grid

十二栏，栏间距 8 pxColumns 12

标题占四到六栏，正文不超过八栏。图片可以出血，文字始终落在栏内。

间距

Spacing

4
8
16
24
48
96
160

同一组内容用一个间距，组与组之间跳两档。页面四周的留白比组内间距大两到三倍。

海报

Poster

秋季招新
把招协讲给更多人听

9 月　北外BFSUAPA

示例版式，内容为示意3:4

标志放在上三分之一，标题占中间，时间地点压底。红只用在一条线上，其余留给字和留白。

上三分之一标志与标题之间留一段空，先看到标志，再读标题。
一条红线页面顶部或底部一条 6 px 的红线，代替满屏红色。
05

语气

说事实，用团队的口吻，少用形容词。

原则

Principles

具体

写清楚时间、地点、做什么。一句话里至少有一个别人能核对的信息。

团队口吻

用「我们」，像同事说话，写团队做的事。

克制

少用「重磅」「全新」「震撼」，直接写事情。

对照

Examples

这样写不要这样
通知10 月 18 日，秋季开放日在北外举行。盛大开启，就等你来！
更新云盘支持在线预览 Office 文档。全新升级，体验丝滑流畅！
标题报名 - 2026 秋季招新报名 | 2026 秋季招新

页面标题从具体写到站点，用「 - 」连接。

06

应用

同一套元素，用在图标、署名、海报和工作证上。

常见位置

In use

方形头像与深色背景
姓名 技术组　2026
工作证与名牌
方形会徽
社交头像用方形会徽

标志周围的空间属于标志。照片、插画和文字都退到留白之外，深色场景用线稿反白。

图标

Icons

北外招生宣传协会
浏览器标签用 favicon，16 px 起，四周留透明边。
应用图标里的方形会徽
应用图标圆角按平台默认，会徽留出约两成的边。
圆形头像里的方形会徽
头像圆形遮罩里同样留边，拱门和校名都不切。

图标里只放会徽，四周留一圈透明边。换图标时文件名带 ?v=，同名替换后清一次缓存。

活动署名

Credit

海报底部的署名条
主办北京外国语大学招生宣传协会
承办北外招协技术组
时间2026 年 11 月 8 日 14:00

署名条放在海报最下面，一条横线隔开。标志放左边，主办在前，承办在后。

配图

Images

照片
秋季开放日 11 月 8 日　14:00
图在上，字在下照片占上半张，标题、时间和标志排在下面。
照片
秋季开放日 11 月 8 日 14:00
大礼堂
左右分栏照片占一边，文字和标志在另一边，标志放在底部。

文字压在照片上时，先铺一块纯色底，或者挑一块安静的角落。标志始终留在照片之外，或压在纯色底上。

07

资源

标志和图标的文件、各自的用途和尺寸。按用途取用。

文件

Files

文件用途尺寸
color-on-transparent.svg填色横版，任意放大矢量
color-on-transparent-2048px.png网页与屏幕2048 px
color-on-white-3736px.png白底文档与印刷3736 px
line-with-name-3204px.png线稿，卡片与封面3204 px
line-reverse-3204px.png线稿反白，深色底3204 px
square-with-name-640px.jpg方形头像640 px
header-160x90.png网页页头160×90
favicon 与站点图标浏览器与手机主屏16–512 px
colors.json色值表，供程序读取JSON

原文件在技术组。要哪几个，说明用途和尺寸，我们发给你。

可以

按用途取原文件，等比缩放，放在留白充足的位置。

不要

改色、重绘、加效果、从截图里抠图。深色底换线稿版，填色版没有反白版。