从动画番剧到知识科普, 从游戏直播到生活 vlog, B 站把你的兴趣分门别类, 一键直达.
B 站的视觉语言天然带着二次元社区的可爱与活力. 粉色承担情感与互动, 蓝色承担识别与稳定, 多彩点缀于各个分区. 圆角是 B 站的几何性格, 弹幕是 B 站的色彩文化.
B 站粉是品牌情感主色, 用于会员, 互动, 强调; B 站蓝是 logo 与识别色, 出现在导航与标识中. 黄, 紫, 绿作为分区辅助色, 让多元内容拥有各自的色彩归属.
PingFang SC + Inter, 圆润 600-800 重量级承担主标题, 视频卡片标题采用 14px 紧凑布局以容纳更多内容. 不使用衬线字体, 保持二次元社区的圆润友好.
| Token | 样例 | 字号 | 字重 | 用途 |
|---|---|---|---|---|
| --display | 你感兴趣的视频都在 | 60 / 3.75rem | 800 | Hero 主标题 |
| --title-section | 六大分区 | 36 / 2.25rem | 800 | 章节标题 |
| --title-card | 2025 拜年纪 | 14 / 0.88rem | 600 | 视频卡标题 |
| --body | 2.5 亿月活的年轻文化社区 | 15 / 0.94rem | 400 | 正文 |
| --body-sm | UP 主投稿 | 13 / 0.81rem | 400 | 辅助 |
| --meta | 820万播放 · 12.5万弹幕 | 12 / 0.75rem | 400 | 元数据 |
| --button | 投稿 | 13 / 0.81rem | 600 | 按钮 |
大圆角是 B 站的几何性格. 按钮 pill 形保持二次元圆润感, 视频卡 16px 大圆角, 即使小标签也至少 6px 圆角. 拒绝任何尖锐的角.