UI Skillbook
2

Design systems set in Hiragino

Brands and apps whose DESIGN.md names Hiragino as a typeface, including Bilibili, Hatena (はてな) and Qiita (キータ). Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

9 files

Files

Bilibili

Brands · Hiragino

Bilibili describes itself as a leading video community for young generations in China, organised around users, high-quality content, creators, and the emotional bonds between them. The supplied 2026-07-13 desktop…

Hatena (はてな)

Brands · Noto Sans JP

Hatena is a Kyoto internet company. Its first service, the Q&A site 人力検索はてな, opened on 15 July 2001, and it grew into a family of community services — Hatena Bookmark, Hatena Blog, Anond, Hatena Question, Hatena…

Qiita (キータ)

Brands · YakuHanJPs

Qiita is where Japanese engineers publish technical articles. The surface is white, set at 16px on 908 of 1,999 elements, with ink that is black at 87% — and the whole system is shaped like Material Design without…

Sansan (サンサン)

Brands · Hiragino

Sansan is Japan's category-defining B2B "business card" cloud — the company that turned the ritual exchange of meishi into a structured, searchable contact graph and grew it into a sales-intelligence platform. The…

SmartNews

Brands · Hiragino

SmartNews (スマートニュース) is the machine-learning news-discovery app born in Japan and now read across 150+ countries — and its visual identity is built around a single, unmissable asset: a bright, urgent red (#EB0B22).…

ソフトバンク

Brands · Hiragino

SoftBank Corp. is the operating telecommunications company established in 1986, providing mobile communications, devices, fixed-line services, and internet access. Its official history traces a route through Japan…

Apple Music

iOS apps · Circular

Apple Music's iOS app is the flagship showcase of Apple's own design language — a first-party experience that leans heavily into SF Pro, SF Symbols, system materials (blurs and vibrancy), and haptics. It exists to do…

WeChat

iOS apps · Hiragino

WeChat's iOS app is not really a messaging app — it's an operating system wearing a chat app's clothes, and the design reflects that. The visual language is deliberately spare and utilitarian: a light gray system…

KING JIM（キングジム）

Japan · Hiragino

KING JIM（https://www.kingjim.co.jp/）のデザイン仕様書。 「ファイル」と「テプラ」で知られるオフィス・文具メーカー。ラベルライター、デジタル文具、ファイリング用品、デスク周辺用品、防災用品など幅広い事務用品を展開。 実サイトの computed style 実測（2026-06-20 取得）に基づく。

Other fonts