UI Skillbook
2

Design systems set in Hiragino Kaku Gothic Pro

Brands and apps whose DESIGN.md names Hiragino Kaku Gothic Pro as a typeface, including 17LIVE, Appier and Cybozu. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

13 files

Files

17LIVE

Brands · Segoe UI

17LIVE is one of the world's largest live-streaming and interactive-entertainment platforms — a place where a "LIVER" (17LIVE's word for a livestreamer) broadcasts to fans who react in real time with virtual gifts,…

Appier

Brands · Segoe UI

Appier is a Taiwan-founded, Tokyo-listed enterprise AI company — its software helps businesses "turn AI into ROI" through marketing, personalization, and data clouds — and its design system carries the confidence of…

Cybozu

Brands · Hiragino Kaku Gothic Pro

Cybozu (サイボウズ) is Japan's leading teamwork-software maker — the company behind kintone, Garoon, and Cybozu Office — and its design language splits cleanly into two brand-owned worlds that share one philosophy:…

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…

BAYCREW'S STORE（ベイクルーズストア）

Japan · Hiragino Kaku Gothic Pro

BAYCREW'S STORE（https://baycrews.jp/）のデザイン仕様書。 日本最大級のマルチブランドファッションリテーラー。JOURNAL STANDARD、IENA、Deuxieme Classe、Spick and Span、EDIFICE、SLOBE IENA 等を擁するベイクルーズグループの公式EC。 実サイトの computed style 実測（2026-06-10 取得）に基づく。

BEAMS

Japan · Hiragino Kaku Gothic Pro

BEAMS（ビームス）公式サイト（https://www.beams.co.jp/）のデザイン仕様書。 実サイトの computed style に基づいて記述。

KAPITAL（キャピタル）

Japan · 游ゴシック

KAPITAL（https://www.kapital.jp/）のデザイン仕様書。 岡山・児島発、デニムとヴィンテージ・フォークロアを融合したクラフト志向ファッションブランド。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

SIRI SIRI（シリシリ）

Japan · ABC Diatype

SIRI SIRI（https://sirisiri.jp/）のデザイン仕様書。 建築を学んだデザイナー岡本菜穂が主宰する、日本のクラフトマンシップを軸にした現代ジュエリーブランド。江戸切子ガラス（KIRIKO）や籐編み、漆といった伝統素材を、建築的でミニマルな造形へ翻訳したコレクションで国内外のデザイン賞を受けている。 最大の特徴は 欧文グロテスク ABC Diatype（Dinamo）＋ 和文ヒラギノ角ゴ／游ゴシックを、ウェイト3…

TULLY'S COFFEE (タリーズコーヒー)

Japan · Raleway

TULLY'S COFFEE 公式サイト (https://www.tullys.co.jp/) のデザイン仕様書。 "Taste The Difference" を掲げるスペシャルティコーヒーチェーン。シアトル発、日本国内800店舗超。 コーヒーの深煎りを思わせるダークブラウンを基調に、温かみのあるベージュとクリーム色で構成されたカフェトーンのデザイン。 実サイトの computed style に基づいて記述。

Yamaha（ヤマハ株式会社）

Japan · Hiragino Kaku Gothic Pro

ヤマハ株式会社コーポレートサイト（https://www.yamaha.com/ja/）のデザイン仕様書。 1887 年創業、楽器・音響機器・半導体まで手がける総合企業のコーポレート顔。 実サイトの computed style 実測（2026-05-06 取得）に基づく。

マネーフォワード

Japan · Hiragino Kaku Gothic Pro

マネーフォワード（https://moneyforward.com/）のデザイン仕様書。 コーポレートサイトおよびサービスページの computed style に基づく。

中外製薬（Chugai Pharmaceutical）

Japan · Noto Sans JP

中外製薬（Chugai Pharmaceutical）のデザイン仕様書。

食べチョク（Tabechoku）

Japan · Noto Serif JP

食べチョク（https://www.tabechoku.com/）のデザイン仕様書。 農家・漁師から直接買える産直通販マーケットプレイス。商品 42,363 点／生産者 11,896 軒が並ぶ。 ブランド色は「金茶」1 系統。--Color-Primary-Gold-70: #cab270（CSS 出現 154 回）と Gold-60: #9f8745（138 回）の 2 段で、面と文字を使い分ける。日本の EC で「金」を主色に据え…

Other fonts