UI Skillbook
2

Design systems set in Noto Serif JP

Brands and apps whose DESIGN.md names Noto Serif JP as a typeface, including CHOYA (チョーヤ梅酒), DAIWA HOUSE（大和ハウス工業） and DASSAI（獺祭・旭酒造株式会社）. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

31 files

Files

CHOYA (チョーヤ梅酒)

Japan · Noto Serif JP

CHOYA 公式サイト (https://www.choya.co.jp/) のデザイン仕様書。 1914年創業の梅酒メーカー。「The CHOYA」「さらりとした梅酒」等で知られる日本を代表する梅酒ブランド。 明朝体見出し + ゴシック体本文の二書体構成で、老舗の品格と現代的な清潔感を両立。実サイトの computed style に基づいて記述。

DAIWA HOUSE（大和ハウス工業）

Japan · Noto Sans JP

大和ハウス工業（https://www.daiwahouse.co.jp/ / https://www.daiwahouse.co.jp/jutaku/）のデザイン仕様書。 日本最大の住宅メーカー。コーポレートサイトと住宅サイト（jutaku）の二面構成。 実サイトの computed style 実測（2026-05-25 取得）に基づく。

DASSAI（獺祭・旭酒造株式会社）

Japan · Noto Sans JP

旭酒造株式会社 獺祭 公式サイト（https://www.asahishuzo.ne.jp/）のデザイン仕様書。 山口県岩国市の蔵元が醸すプレミアム日本酒ブランド。山田錦と精米歩合にこだわる「磨き」の哲学を、深いインディゴと明朝セリフで表現する。 実サイトの computed style 実測に基づく。

DECORTE

Japan · Noto Serif JP

DECORTE（https://www.decorte.com/）のデザイン仕様書。 KOSE の最高峰ラグジュアリーコスメティクスブランド。実サイトの computed style に基づく。

MIKIMOTO（ミキモト）

Japan · Noto Sans Japanese

MIKIMOTO（https://mikimoto.com/jp-ja）のデザイン仕様書。 1893年創業、養殖真珠の発明者・御木本幸吉が興した日本発のラグジュアリージュエリーブランド。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

SIGMA（シグマ）

Japan · Sigma Sans

SIGMA（https://www.sigma-global.com/jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

SIWA｜紙和（しわ / Siwa）

Japan · Noto Serif JP

SIWA｜紙和（https://siwa.jp/）のデザイン仕様書。 山梨・大直（おおなお）の和紙メーカーと、プロダクトデザイナー 深澤直人 が協業して生まれた、破れにくい和紙素材「ナオロン」のバッグ・小物ブランド。使い込むほど風合いが増す紙製品を扱う。 最大の特徴は Noto Serif JP（明朝）＋ウェイト 300 で全編を組む設計、行間 2.3 という極端に広い余白、そして色数を 和紙そのものの色（白）と、経年の風合いを思わせ…

SOU・SOU（そうそう）

Japan · Noto Serif JP

SOU・SOU（https://www.sousou.co.jp/）公式オンラインショップのデザイン仕様書。 「日本の伝統と現代の融合」をコンセプトに、地下足袋・テキスタイル・和装を現代的なグラフィックで再解釈する京都発のテキスタイルブランド。 実サイトの computed style 実測（2026-05-07 取得）に基づく。

SUWADA（諏訪田製作所）

Japan · Source Sans Pro

SUWADA（諏訪田製作所）のデザイン仕様書。

Waphyto（ワフィト）

Japan · Noto Serif JP

Waphyto（https://waphyto.com/）のデザイン仕様書。 岐阜・東濃の植物と発酵の技術をもとにした植物療法ブランド。「和 × phyto（植物）」を名に持ち、スキンケア・フェムケアを展開する。 地が #f0ebe1（生成りのベージュ）。白地ではない。ページ全体が紙の色で、写真とカードだけが白く浮くという反転した明度設計をとる。 本文が明朝（Noto Serif JP）。しかも line-height: 2.0（14…

アユーラ（AYURA）

Japan · Poppins

アユーラ（https://www.ayura.co.jp/）のデザイン仕様書。 「ストレスに着目した」スキンケアブランドの公式サイト兼オンラインストア。 塗りボタンが 1 つもない。CTA はすべて白地 + #c8c8c8 の 1px 枠 + border-radius: 25px の pill。面で押さず、線で示す 地が白ではない。#f8f5f5 — わずかに赤みを含んだオフホワイトで、下層ページは全面がこの色（商品一覧は 9/9 …

カリモク家具（karimoku）

Japan · Yu Gothic

カリモク家具（karimoku）のデザイン仕様書。

ココマイスター（COCOMEISTER）

Japan · Noto Serif JP

ココマイスター（https://cocomeister.jp/）のデザイン仕様書。 日本の職人が英国・イタリアの革を仕立てるレザーグッズブランドの公式 EC（Shopify）。財布・鞄・小物を「革の種類」と「シリーズ」の 2 軸で見せる。 見出しは明朝、UI はゴシック。この分業が全ページで徹底されている。商品名・セクション見出し・キャッチはすべて Noto Serif JP / ヒラギノ明朝、ナビ・ボタン・価格は Noto Sans…

ツムラ（TSUMURA）

Japan · Noto Sans JP

ツムラ（TSUMURA）のデザイン仕様書。

ファクトリエ（Factelier）

Japan · Avenir

ファクトリエ（https://factelier.com/）のデザイン仕様書。 「世界に誇る、ファクトリーブランド」を掲げる日本製アパレルの D2C。工場と直接つながる販売モデルを取る。 Avenir が和文より先頭。Avenir, 游ゴシック体, YuGothic, … で、欧文グリフを Avenir に取らせてから和文に渡す body の font-size が 12px。本文は 14px、見出しは 18px。全体に小さく、詰まっ…

ライゾマティクス（Rhizomatiks）

Japan · Noto Serif JP

ライゾマティクス（Rhizomatiks）のデザイン仕様書。

三菱鉛筆（uni / MITSUBISHI PENCIL）

Japan · Noto Sans JP

三菱鉛筆株式会社（https://www.mpuni.co.jp/）のデザイン仕様書。 1887 年創業。鉛筆「uni」、油性ボールペン「ジェットストリーム」、ゲルインクボールペン「ユニボール ワン」を擁する筆記具メーカー。 最大の特徴は、角丸を一切使わない（border-radius: 0）矩形のデザインシステムと、11 色 × 2 段（background / primary）＝ 22 個の色トークンを CSS Custom Pr…

中村藤吉本店（NAKAMURA TOKICHI）

Japan · Noto Serif JP

中村藤吉本店（https://www.tokichi.jp/）のデザイン仕様書。 1854 年（安政元年）創業、京都・宇治の茶商。初代中村藤吉が茶問屋を開いてから 170 年、本店は国の重要文化的景観の選定地に建つ。「生茶ゼリイ」で知られ、店舗の茶房と通販の両方を持つ。ロゴは「まると」の商標。 サイトは Shopify（Dawn ベース）を明朝体で組み替えた構成。EC のテンプレートを、老舗茶商の字面に寄せて徹底的に和文向けにチューニ…

加島屋（KASHIMAYA）

Japan · Noto Serif JP

加島屋（KASHIMAYA）のデザイン仕様書。

大倉陶園（OKURA ART CHINA）

Japan · Noto Serif JP

大倉陶園（OKURA ART CHINA）のデザイン仕様書。

帝国ホテル（Imperial Hotel）

Japan · Noto Serif JP

帝国ホテル（Imperial Hotel）のデザイン仕様書。

東洋経済新報社（TOYO KEIZAI）

Japan · Noto Sans JP

東洋経済新報社（TOYO KEIZAI）のデザイン仕様書。

根津美術館（Nezu Museum）

Japan · Noto Serif JP

根津美術館（https://www.nezu-muse.or.jp/）のデザイン仕様書。 1941 年開館、東京・南青山。東武鉄道の社長を務めた実業家・初代根津嘉一郎の日本・東洋古美術コレクションを基礎とする私立美術館。国宝『燕子花図屏風』（尾形光琳）を所蔵する。2009 年に隈研吾設計の本館が竣工し、竹垣に沿う長いアプローチが館の顔になった。 最大の特徴は、サイト全体が明朝体で組まれていること。body { font-family:…

淡交社（TANKOSHA）

Japan · Noto Serif JP

淡交社（TANKOSHA）のデザイン仕様書。

白鶴酒造（HAKUTSURU）

Japan · MyYuGothicM

白鶴酒造（HAKUTSURU）のデザイン仕様書。

石屋製菓（ISHIYA）

Japan · Noto Serif JP

石屋製菓（ISHIYA）のデザイン仕様書。

誠文堂新光社（SEIBUNDO SHINKOSHA）

Japan · 游ゴシック体

誠文堂新光社（SEIBUNDO SHINKOSHA）のデザイン仕様書。

野村證券（NOMURA）

Japan · Noto Sans JP

野村證券（NOMURA）のデザイン仕様書。

阪急阪神不動産（Hankyu Hanshin Properties）

Japan · Noto Sans JP

阪急阪神不動産（Hankyu Hanshin Properties）のデザイン仕様書。

青幻舎（SEIGENSHA Art Publishing）

Japan · Noto Sans JP

青幻舎（SEIGENSHA Art Publishing）のデザイン仕様書。

食べチョク（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