Design systems set in Hiragino Kaku Gothic ProN
Brands and apps whose DESIGN.md names Hiragino Kaku Gothic ProN as a typeface, including coconala, DMM.com (Turtle) and mikan. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.
32 files
Files
coconala
Brands · Hiragino Kaku Gothic ProN
coconala (ココナラ) is a skills marketplace where individuals sell services — illustration, design, web work, video, marketing, consulting, fortune-telling, counselling and lessons. It is run by 株式会社ココナラ (coconala Inc.),…
DMM.com (Turtle)
Brands · Helvetica Neue
DMM.com is one of Japan's sprawling digital platforms — video, games, e-books, English conversation, FX trading, 3D printing, even an aquarium — over sixty services under one roof. In 2025 its Platform Development…
mikan
Brands · Hiragino Kaku Gothic ProN
mikan (英語アプリmikan) is Japan's most-downloaded English-vocabulary learning app — over 10 million downloads — and its surfaces read exactly as the product promises: bright, friendly, and relentlessly encouraging. The…
note
Brands · Hiragino Kaku Gothic ProN
note (note.com) is Japan's leading creator publishing platform — a place where individuals write essays, sell digital content, and build audiences without the noise of a conventional social feed. Its design…
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…
Zenn (ゼン)
Brands · Hiragino Kaku Gothic ProN
Zenn is a Japanese publishing platform for developers — articles, books and scraps, run by Classmethod. The surface is white on a pale blue-grey #edf2f7, with one saturated blue #3ea8ff doing every action, and it is…
ZOZOTOWN
Brands · Hiragino Kaku Gothic ProN
ZOZOTOWN is Japan's largest fashion commerce platform — a marketplace of 7,000+ brands operated by ZOZO, Inc. (formerly Start Today). Its design language is uncompromisingly editorial: a near-monochrome system of…
ARTS&SCIENCE
Japan · SabonNextRegular
ARTS&SCIENCE（https://arts-science.com/）のデザイン仕様書。 2026-06-07 取得の computed style に基づく。
CAINZ（カインズ）
Japan · Hiragino Kaku Gothic ProN
カインズ（https://www.cainz.com/）のデザイン仕様書。 日本最大級のホームセンターチェーン。オンラインショップと全国200超の店舗を展開。 2021年にデジタル戦略を刷新し、グッドデザイン賞を受賞したEC体験で知られる。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
CAPCOM (カプコン)
Japan · ヒラギノ角ゴ Pro W3
CAPCOM（https://www.capcom.co.jp/）のデザイン仕様書。 1983年設立の大手ゲームメーカー。ストリートファイター、バイオハザード、モンスターハンター、デビルメイクライ等を擁する。 コーポレートサイトはゲーム情報・IR・プレスリリースのポータル。 実サイトの computed style 実測（2026-06 取得）に基づく。
CINRA (シンラ)
Japan · Hiragino Kaku Gothic ProN
CINRA (シンラ)のデザイン仕様書。
CLASKA
Japan · Hiragino Kaku Gothic ProN
株式会社 CLASKA 公式サイト（https://www.claska.com/）のデザイン仕様書。 かつてのデザインホテルを出自とする、東京・目黒のデザインカンパニー。Gallery & Shop "DO"、GALLERY CLASKA、HOIM（家具）、WHOLESALE、オンラインショップ、HÅU（ファッション）を展開する。 実サイトの computed style 実測（2026-05-08 取得）に基づく。
DRAFT（ドラフト）
Japan · Hiragino Kaku Gothic ProN
DRAFT（ドラフト / https://www.draft.co.jp/）のデザイン仕様書。 宮田識が率いるブランディング／デザイン会社。CIBONE、D-BROS などのプロダクトや、数多くの企業ブランディングを手がける制作会社のコーポレートサイト。 最大の特徴は 黒（#000000）のフルスクリーン・ヒーローと白（#ffffff）の作品グリッドという徹底したモノクロームの対比、高コントラストなディスプレイ・セリフ（PPEiko）…
Hands (hands.net)
Japan · Hiragino Kaku Gothic ProN
ハンズ（https://hands.net/、旧 東急ハンズ）のデザイン仕様書。 創造的な暮らしを支えるライフスタイルストア。DIY・文具・コスメ・アウトドアなど幅広い品揃え。 実サイトの computed style 実測（2026-06 取得）に基づく。
LIXIL
Japan · Hiragino Kaku Gothic ProN
LIXIL（https://www.lixil.co.jp/）のデザイン仕様書。 2026-05-22 取得の computed style に基づく。 LIXIL は日本最大の住宅設備・建材メーカー。INAX・TOSTEM・サンウエーブ等を統合し、トイレ・キッチン・浴室・窓・エクステリアを包括的に展開する。
MOS BURGER (mos.jp)
Japan · Hiragino Kaku Gothic ProN
MOS BURGER (mos.jp)のデザイン仕様書。
OWNDAYS（オンデーズ）
Japan · Founders Grotesk
OWNDAYS（https://www.owndays.com/jp/ja）のデザイン仕様書。 メガネ・サングラスの製造小売チェーン。オンラインストアと店舗情報を統合した EC サイト。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
PRESS BUTTER SAND
Japan · FuturaLTPro-Medium
PRESS BUTTER SAND（https://buttersand.com/）のデザイン仕様書。 2026-05-19 取得の computed style に基づく。
RAKSUL（ラクスル）
Japan · Roboto + Hiragino
RAKSUL（https://raksul.com/）のデザイン仕様書。 クラウド型の印刷・物流プラットフォーム。名刺・チラシ・ポスター等の印刷をネットで発注できる EC マーケットプレイス。 実サイトの computed style 実測（2026-06-09 取得）に基づく。
ReFa
Japan · Yakuhanjp
ReFa（https://refa.net/）のデザイン仕様書。MTGが展開するプレミアム美容デバイスブランド。 実サイトのCSS computed style に基づく。取得日: 2026-05-09
Suntory（サントリー）
Japan · ヒラギノ角ゴ W3
サントリーホールディングス公式コーポレートサイト（https://www.suntory.co.jp/）のデザイン仕様書。 「水と生きる」をコーポレートメッセージに掲げる総合飲料・食品・健康・サービス企業。 実サイトの computed style に基づいて記述。
TIGER Corporation（タイガー魔法瓶）
Japan · Hiragino Kaku Gothic ProN
TIGER Corporation（https://www.tiger-corporation.com/）のデザイン仕様書。 1923年創業の魔法瓶メーカー。炊飯器、電気ケトル、ステンレスボトル等の家庭用調理・保温製品を展開。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
URBAN RESEARCH（アーバンリサーチ）
Japan · Hiragino Kaku Gothic ProN
URBAN RESEARCH（https://www.urban-research.jp/）のデザイン仕様書。 1974年創業の日本を代表するセレクトショップ。国内外のブランドをキュレーションするライフスタイルブランド。 実サイトの computed style 実測（2026-05-21 取得）に基づく。
YAMAP（ヤマップ）
Japan · Hiragino Kaku Gothic ProN
YAMAP（https://yamap.com/）のデザイン仕様書。 登山・アウトドア向けの地図アプリ＆コミュニティプラットフォーム。 実サイトの computed style 実測に基づく。
ZENB（ゼンブ）
Japan · Hiragino Kaku Gothic ProN
ZENB（https://zenb.jp/）のデザイン仕様書。 ミツカングループの D2C ブランド。「おいしい と カラダにいい は ひとつになれる」をコンセプトに、黄えんどう豆を主原料とした植物由来の新主食を展開。 実サイトの computed style 実測（2026-05-24 取得）に基づく。
アユーラ（AYURA）
Japan · Poppins
アユーラ（https://www.ayura.co.jp/）のデザイン仕様書。 「ストレスに着目した」スキンケアブランドの公式サイト兼オンラインストア。 塗りボタンが 1 つもない。CTA はすべて白地 + #c8c8c8 の 1px 枠 + border-radius: 25px の pill。面で押さず、線で示す 地が白ではない。#f8f5f5 — わずかに赤みを含んだオフホワイトで、下層ページは全面がこの色（商品一覧は 9/9 …
ファクトリエ（Factelier）
Japan · Avenir
ファクトリエ（https://factelier.com/）のデザイン仕様書。 「世界に誇る、ファクトリーブランド」を掲げる日本製アパレルの D2C。工場と直接つながる販売モデルを取る。 Avenir が和文より先頭。Avenir, 游ゴシック体, YuGothic, … で、欧文グリフを Avenir に取らせてから和文に渡す body の font-size が 12px。本文は 14px、見出しは 18px。全体に小さく、詰まっ…
ミツカン（Mizkan）
Japan · Hiragino Kaku Gothic ProN
ミツカン（https://www.mizkan.co.jp/）のデザイン仕様書。 1804年創業、半田の酢からはじまった食品メーカーのコーポレート＋レシピサイト。「やがて、いのちに変わるもの。」をタグラインに掲げる。 ブランド色は緑 1 色（#093 ＝ #009933）。CSS 上の実出現は 487 回で、他のどの色よりも桁違いに多い。この 1 色だけで「ミツカンの面」を作る #093 という 3 桁ショートハンドで書かれている。#…
一休.com (ikyu.com)
Japan · Hiragino Kaku Gothic ProN
一休.com (ikyu.com)のデザイン仕様書。
島津製作所（SHIMADZU）
Japan · Hiragino Kaku Gothic ProN
島津製作所（SHIMADZU）のデザイン仕様書。
東京茶寮（Tokyo Saryo）
Japan · cardo
東京茶寮（Tokyo Saryo / https://www.tokyosaryo.jp/）のデザイン仕様書。 世界初のハンドドリップ日本茶専門店（東京・三軒茶屋）。煎茶をハンドドリップで一杯ずつ淹れる、静かな喫茶体験を提供する。 最大の特徴は 温かみのあるクリーム地（#f3f0e0）の余白 と くすんだゴールド（#b3873d）のアクセント、そして 欧文セリフ（Cardo）× 和文ゴシック を組み合わせた端正な editorial …
石見銀山 群言堂（Iwamiginzan Gungendo）
Japan · Zen Old Mincho
石見銀山 群言堂（https://www.gungendo.co.jp/）のデザイン仕様書。 島根県大田市大森町——世界遺産・石見銀山の麓、人口 400 人ほどの集落に本社を置く衣料・生活用品のブランド。1989 年創業（株式会社石見銀山生活文化研究所）。「根のある暮らし」を掲げ、過疎の町に残ることそのものをブランドの主題にしている。 サイトの最大の特徴は 全ページが明朝体 1 書体（Zen Old Mincho）だけで組まれているこ…
Other fonts
- Inter245
- Noto Sans JP160
- Pretendard129
- SF Mono108
- JetBrains Mono68
- Roboto60
- Helvetica Neue56
- Arial50
- Poppins36
- 游ゴシック体35
- Open Sans32
- Circular31
- Noto Serif JP31
- Segoe UI30
- Lato29
- Helvetica27
- Noto Sans TC24
- YakuHanJP22
- Montserrat20
- Noto Sans20
- Noto Sans Japanese19
- DM Sans17
- Hiragino Sans17
- Noto Sans KR17
- ヒラギノ角ゴ Pro W315
- Manrope14
- 游ゴシック14
- Hiragino Kaku Gothic Pro13
- PingFang TC12
- Zen Kaku Gothic New12
- All fonts