About bilibili
bilibili is a dense Chinese video feed dressed in cold light grey. The page ground is #F1F2F3 — neutral with a faint blue cast — so that white cards read as objects and the brand pink #FB7299 lands hard on every follow button, badge and active tab.
Nothing here is airy. Card titles run 15px over two clamped lines, metadata sits at 13px in muted grey, and the only theatre is the danmaku layer: outlined white comments sliding right to left over a dark 16:9 rectangle that sits inside the light page, never replacing it.
- Origin
- Shanghai, China
- Era
- 2009 founded as Mikufans; renamed bilibili 2010; NASDAQ listing 2018; current visual ~2022–2024
- Key figures
- Xu Yi / 徐逸 · Chen Rui / 陈睿
- Movements
- Chinese ACG / 二次元 subculture · Danmaku video (from Niconico) · Vocaloid and UP主 creator culture
bilibili design spec
Colors
Typography
The other 11 sections — buttons, cards, spacing, motion, techniques and more — open once you unlock. Download the DESIGN.md or send it to your AI in one click. Unlock once, yours forever.
Sign up nowStyles similar to bilibili
Also inspired by brands & products, with a close feel.