Back to gallery
bilibili — Cover

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.

Learn more about the bilibili style

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

Background
Surface
Primary
Secondary
Accent
Text

Typography

NunitoHeadings
Noto Sans SCBody
JetBrains MonoMono
Unlock for 1 credit

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 now
Have an account? Sign in

Styles similar to bilibili

Also inspired by brands & products, with a close feel.

bilibili1 credit · unlock forever
Sign up now
© 2026 Curio