2.5 亿月活 · Z 世代社区

# 你感兴趣的视频 都在 B 站

从二次元到知识分享, 从生活记录到游戏直播, 哔哩哔哩是中国最活跃的年轻文化社区. 弹幕互动, UP 主投稿, 每一个角落都有你的同好.

立即下载 App 浏览推荐
前方高能!
awsl
12:34

### 【4K 修复】2025 拜年纪 · 全员合唱压轴版

820万
12.5万
学到了!
28:15

### 从零开始学 Python · 第十讲 装饰器深入解析

156万
3.2万
哈哈哈哈
名场面
06:42

### 【鬼畜】当代年轻人的修仙日常 · 究极混剪

523万
8.9万
求 BGM
15:08

### 2025 番剧排行 · 上半年口碑 Top 10 盘点

312万
5.6万
分区导航

## 六大分区, 总有你的菜

从动画番剧到知识科普, 从游戏直播到生活 vlog, B 站把你的兴趣分门别类, 一键直达.

番剧
动画 · 漫改
知识
科普 · 学习
鬼畜
名场面 · 调教
直播
游戏 · 才艺
游戏
电竞 · 攻略
漫画
国漫 · 日漫
正在直播

## 和 UP 主一起在线狂欢

查看全部直播 →
LIVE 8.6 万人在看
原神 · 5.5 版本新地图首发探索
小小破站游戏区 · 游戏
LIVE 3.2 万人在看
音乐人 Live · 国风电子专场
音音乐区 · 才艺
LIVE 12.4 万人在看
绘画过程直播 · 厚涂插画从零开始
绘绘画区 · 教程

### 大会员 · 解锁全部精彩

开通哔哩哔哩大会员, 海量独家番剧, 杜比音效, 1080P+ 高清画质, 让追番观影更尽兴.

立即开通 ¥25/月
独家番剧
1080P+ 高清
杜比音效
弹幕装扮
会员方案

## 选你最喜欢的方式

月度灵活, 年度最划算, 联合会员还能同时享受其他平台权益.

月度
月卡
¥25/月
灵活订阅, 想看就开, 随时取消.

- 独家番剧观看
- 1080P 高清画质
- 专属会员标识
- 免广告体验

立即开通
超值年卡
年度
年卡
¥168/年 · 月均 14 元
B 站铁粉首选, 一年都用得着.

- 全部月卡权益
- 1080P+ 高码率
- 杜比视界与全景声
- 每年生日礼包

立即开通
联合会员
B 站 × 京东 PLUS
¥258/年 · 双会员
买东西的同时, 顺便追个番.

- B 站大会员年卡
- 京东 PLUS 年卡
- 购物运费券
- 专属客服

立即开通

## 来 B 站, 找到你的同好

2.5 亿月活用户, 海量 UP 主创作, 弹幕陪你看每一帧. 你的兴趣, 这里都有人懂.

立即下载 App
Design System Reference

## 粉蓝双色 · 二次元友好系统

B 站的视觉语言天然带着二次元社区的可爱与活力. 粉色承担情感与互动, 蓝色承担识别与稳定, 多彩点缀于各个分区. 圆角是 B 站的几何性格, 弹幕是 B 站的色彩文化.

View DESIGN.md ↗

### Color

B 站粉是品牌情感主色, 用于会员, 互动, 强调; B 站蓝是 logo 与识别色, 出现在导航与标识中. 黄, 紫, 绿作为分区辅助色, 让多元内容拥有各自的色彩归属.

主色 Brand Pink
B 站粉
#FB7299
深粉
#E85B83
浅粉
#FFC1D1
微粉底
#FFE5EE
粉色软底
10% opacity
识别色 Brand Blue
B 站蓝
#00A1D6
深蓝
#0084B0
浅蓝
#88D7F2
微蓝底
#D6F0FA
蓝色软底
10% opacity
分区色 Channel Colors
活力黄
#FFC100
梦幻紫
#9D5EE3
青春绿
#6BCB77
粉蓝渐变
CTA
活力渐变
Hero
文字 Text
标题黑
#000000
正文
#18191C
次级
#424650
辅助
#61666D
弱化
#9499A0

### Typography

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 | 按钮

### Radius

大圆角是 B 站的几何性格. 按钮 pill 形保持二次元圆润感, 视频卡 16px 大圆角, 即使小标签也至少 6px 圆角. 拒绝任何尖锐的角.

最小
6px
标签
10px
视频卡
16px
大容器
24px
按钮
999px
头像
50%

### Components

粉色按钮是主交互, 蓝色按钮承担识别与登录, 描边按钮承担次操作. 多色标签对应不同分区, 让信息天然带上情绪与归属感.

##### Buttons

粉色主按钮 蓝色按钮 粉色描边 小粉按钮 软按钮

##### Inputs & Tags

大会员 UP主 置顶 番剧

##### Cards

LIVE 8.6万
原神 5.5 探索
大会员
¥25 / 月
View source ↗