UI Skillbook
2

Design systems set in ヒラギノ角ゴ ProN W3

Brands and apps whose DESIGN.md names ヒラギノ角ゴ ProN W3 as a typeface, including FANCL, KALDI Coffee Farm and LAWSON (ローソン). Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

5 files

Files

FANCL

Japan · ヒラギノ角ゴ ProN W3

FANCLのデザイン仕様書。

KALDI Coffee Farm

Japan · ヒラギノ角ゴ ProN W3

KALDI Coffee Farm (https://www.kaldi.co.jp/) のデザイン仕様書。 実サイトの computed style に基づく。CSS Custom Properties は使用されていない。 コーポレートサイトと EC サイト (https://www.kaldi.co.jp/ec/) の2サイトを網羅。

LAWSON (ローソン)

Japan · ヒラギノ角ゴ ProN W3

LAWSON (ローソン)のデザイン仕様書。

山と道（やまとみち / Yamatomichi）

Japan · TsukuGoPr5-R

山と道（https://www.yamatomichi.com/）のデザイン仕様書。 ウルトラライト・ハイキング（UL）の道具を作る山道具メーカー。読み物「JOURNAL」とコミュニティ「HLC」を軸にした、EC より雑誌に近い構成の公式サイト（Next.js ベース）。 最大の特徴は 筑紫ゴシック（Fontworks）＋ Helvetica Now Text の和欧混植、白地に大きく角丸したパネル／カード、プライマリの青 #0386…

銀座 伊東屋（ITOYA）

Japan · Open Sans

銀座 伊東屋（https://www.ito-ya.co.jp/）のデザイン仕様書。 1904年創業の老舗文房具専門店。銀座本店を中心に、上質な文房具とライフスタイル雑貨を取り扱う。 実サイトの computed style 実測（2026-05-21 取得）に基づく。

Other fonts