UI Skillbook
2

Design systems set in Noto Sans JP

Brands and apps whose DESIGN.md names Noto Sans JP as a typeface, including CrowdWorks (クラウドワークス), Digital Agency and freee. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

160 files, page 2 of 4

Files

HOTEL THE MITSUI KYOTO（ホテル ザ 三井 京都）

Japan · mfw-rohminchopro-md

HOTEL THE MITSUI KYOTO（ホテル ザ 三井 京都）のデザイン仕様書。

IHI（株式会社IHI）

Japan · Noto Sans JP

IHI（株式会社IHI）のデザイン仕様書。

ITOKI (イトーキ)

Japan · Noto Sans JP

ITOKI（https://www.itoki.jp/）コーポレートサイトのデザイン仕様書。 「明日の『働く』を、デザインする。」を掲げるオフィス家具メーカー。 創業130年以上の歴史を持ち、チェア・デスク・ロッカーなどのオフィス製品から、ワークプレイスソリューションまでを手がける。 白を基調に、コーポレートネイビー #003349 と暖かみのあるコーラルレッド #ea6359 を要所で効かせるクリーンで信頼感のあるデザイン。 Not…

JR East (JR東日本)

Japan · Noto Sans JP

JR東日本（https://www.jreast.co.jp/）のデザイン仕様書。 実サイトの computed style に基づく。Noto Sans JP をベースフォントとし、ブランドグリーン #008803 を軸に、自然を想起させる多層のグリーンパレットで構成されている。

JRA 日本中央競馬会

Japan · Noto Sans JP

JRA 日本中央競馬会のデザイン仕様書。

ＪＲ東海（Central Japan Railway Company）

Japan · Noto Sans JP

ＪＲ東海（Central Japan Railway Company）のデザイン仕様書。

JR西日本（West Japan Railway）

Japan · Noto Sans JP

JR西日本（West Japan Railway）のデザイン仕様書。

KAO

Japan · FP-ヒラギノUD角ゴ StdN W6

KAO（https://www.kao.com/jp/）のデザイン仕様書。 2026-05-21 取得の computed style に基づく。 花王グループのコーポレートサイト。日用品・化粧品・ヘルスケアを展開する日本最大級の FMCG メーカー。Biore・Attack・Merit 等のブランドを擁する。

KING JIM（キングジム）

Japan · Hiragino

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

KUMON

Japan · Lato

KUMON（https://www.kumon.ne.jp/）のデザイン仕様書。 公文教育研究会の公式サイト。実サイトの computed style に基づく。

KURKKU FIELDS（クルックフィールズ）

Japan · Noto Sans JP

KURKKU FIELDS（https://kurkkufields.jp/）のデザイン仕様書。 千葉県木更津市の、農業・食・アート・自然体験が一体となったサステナブルファーム＆パーク。音楽プロデューサー小林武史が手がける「いのちのてざわり」をテーマにした複合施設。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

Landscape Products (ランドスケーププロダクツ)

Japan · Noto Sans JP

Landscape Products (ランドスケーププロダクツ)のデザイン仕様書。

LOTTE（ロッテ）

Japan · Noto Sans JP

LOTTE（https://www.lotte.co.jp/）のデザイン仕様書。 1948年創業の菓子・食品メーカー。「お口の恋人」をスローガンに、チョコパイ・ガーナ・キシリトール等を展開。 実サイトの computed style 実測（2026-06-18 取得）に基づく。

LOWYA (low-ya.com)

Japan · Noto Sans JP

LOWYA (low-ya.com)のデザイン仕様書。

LUUP（ループ）

Japan · Roobert

LUUP（https://luup.sc/）のデザイン仕様書。 電動キックボード・電動アシスト自転車のシェアリングサービス。都市の移動インフラを目指すモビリティプラットフォーム。 実サイトの computed style 実測（2026-06-09 取得）に基づく。

MARKS&WEB（マークスアンドウェブ）

Japan · Noto Sans JP

MARKS&WEB（https://www.marksandweb.com/）のデザイン仕様書。 2026-05-09 取得の computed style と CSS Custom Properties に基づく。

Mitsubishi Estate (mec.co.jp)

Japan · Century Gothic

Mitsubishi Estate (mec.co.jp)のデザイン仕様書。

MORINAGA

Japan · 游ゴシック

MORINAGA（https://www.morinaga.co.jp/）のデザイン仕様書。 2026-05-21 取得の computed style に基づく。 森永製菓のコーポレートサイト。チョコボール、ハイチュウ、ダース、森永ミルクキャラメル等の菓子ブランドを展開する日本の総合製菓メーカー。

Mr. CHEESECAKE

Japan · Noto Sans JP

Mr. CHEESECAKE（https://mr-cheesecake.com/）のデザイン仕様書。 「世界一じゃなく、あなたの人生最高に。」を掲げるチーズケーキの D2C ブランド（Shopify）。日曜と月曜だけのオンライン販売から始まり、GINZA SIX・羽田空港などの常設店に広がった。 書体は Noto Sans JP の 1 本だけ。明朝も欧文専用フォントも使わない。階層は「太さ」ではなく「余白」で作る 本文のウェイトが…

Nikon（ニコン）

Japan · Noto Sans JP

Nikon（ニコン）のデザイン仕様書。

nosh（ナッシュ）

Japan · Noto Sans JP

nosh（ナッシュ）のデザイン仕様書。

NTT Group (NTTグループ)

Japan · Noto Sans JP

NTT Group (NTTグループ)のデザイン仕様書。

OMRON (オムロン)

Japan · Roboto + Noto Sans JP

OMRON (https://www.omron.com/jp/ja/) のデザイン仕様書。 日本発のグローバル電子部品・ヘルスケアメーカー。FA（工場自動化）・制御機器・ヘルスケア（血圧計等）・社会システム事業を展開。 実サイトの computed style 実測 (2026-06-04 取得) に基づく。

OSAJI（オサジ）

Japan · Noto Sans Japanese

OSAJI（https://osaji.net/）のデザイン仕様書。 2026-05-08 取得の computed style と CSS Custom Properties に基づく。

PILOT（パイロット）

Japan · Noto Sans JP

PILOT（https://www.pilot.co.jp/）のデザイン仕様書。 万年筆・ボールペン・文房具を中心とする老舗筆記具ブランドのコーポレート＆製品サイト。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

Preferred Networks（PFN）

Japan · Noto Sans JP

株式会社 Preferred Networks（https://www.preferred.jp/ja/）のデザイン仕様書。 2014 年創業。深層学習の研究開発から自社設計の AI プロセッサ（MN-Core）まで、AI 技術のバリューチェーンを垂直統合する日本の AI 企業。 最大の特徴は letter-spacing と line-height が「36px を境に切り替わる」1 本の規則で全ページを通していること。36px 以…

Sanrio

Japan · Noto Sans JP

サンリオ（https://www.sanrio.co.jp/）公式サイトのデザイン仕様書。 実サイトの computed style と CSS Custom Properties に基づいて記述。

Schoo（スクー）

Japan · Avenir

Schoo（https://schoo.jp/）のデザイン仕様書。 社会人向けオンライン学習プラットフォーム。生放送コミュニティ学習と録画授業を提供。 実サイトの computed style 実測（2026-06-22 取得）に基づく。

SEGA

Japan · Noto Sans JP

SEGA Corporation（https://www.sega.co.jp/）のデザイン仕様書。 実サイトの CSS computed style に基づく。ニュース・コーポレート情報を中心とした企業サイト。

Seiko

Japan · Noto Sans JP

Seiko（https://www.seikowatches.com/）のデザイン仕様書。 実サイトの computed style に基づく。Bootstrap ベースのCSS構成。意味的な CSS Custom Properties はなく、Bootstrap デフォルト（--bs-white, --bs-body-bg 等）のみ使用。

SHARP（シャープ）

Japan · Noto Sans JP

SHARP（https://jp.sharp/）のデザイン仕様書。 「ネイチャーテクノロジー」を掲げる総合家電メーカーのコーポレートサイト。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

SHIRO（シロ）

Japan · Noto Sans JP

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

SOU・SOU（そうそう）

Japan · Noto Serif JP

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

Subsequence (サブシーケンス)

Japan · Noto Sans JP

Subsequence (サブシーケンス)のデザイン仕様書。

SUQQU (スック)

Japan · FOT-ロダン Pro M

SUQQU（https://www.suqqu.com/ja/）のデザイン仕様書。 花王グループ（旧カネボウ化粧品）のラグジュアリーコスメティクスブランド。「洗練」と「凛」を掲げ、日本の美意識を現代に昇華した商品で知られる。 ブランド哲学: 「顔立ちからつくる」。骨格に沿ったメイクアップ理論で日本人女性の美を引き出す。 実サイトの computed style 実測（2026-06-04 取得）に基づく。

SUZUKI (スズキ)

Japan · Noto Sans JP

SUZUKI (スズキ)のデザイン仕様書。

SUZURI（スズリ）

Japan · Open Sans

SUZURI（https://suzuri.jp/）のデザイン仕様書。 GMO ペパボが運営する、画像 1 枚からオリジナルグッズを作って売れるマーケットプレイス。933 万点超のアイテムが並ぶ。 ペパボ共通のデザインシステム「Nachiguro（なちぐろ）」の上に構築されている。クラスは ncgr- 接頭辞、アイコンは "Nachiguro Icons" という専用フォント、CSS は packs/nachiguro..css（1.…

TAKASHIMAYA（高島屋）

Japan · Noto Sans JP

高島屋（https://www.takashimaya.co.jp/）のデザイン仕様書。 1831年創業の老舗百貨店。"いつも、人から。" をブランド哲学に掲げる。 実サイトの computed style 実測（2026-06-18 取得）に基づく。

TANITA (tanita.co.jp)

Japan · Noto Sans JP

TANITA (tanita.co.jp)のデザイン仕様書。

TENGA（テンガ）

Japan · Noto Sans JP

TENGA（テンガ / https://www.tenga.co.jp/ ）のデザイン仕様書。 「性を表通りに」を掲げ、プレジャーアイテムを工業デザインの対象に引き上げた日本のブランド。 TENGA GEO 等が レッド・ドット・デザイン賞 Best of the Best（上位約 2%）を受賞している。 最大の特徴は 白地に黒の力強いディスプレイ書体（IBM Plex Sans） と、製品ラインを象徴する 赤・黄・緑のアクセント三色…

Time & Style（タイムアンドスタイル）

Japan · Noto Sans JP

Time & Style（https://www.timeandstyle.com/jp/）のデザイン仕様書。 北海道旭川発、伝統的な日本のクラフトマンシップとモダンデザインを融合したプレミアム家具ブランド。 実サイトの computed style 実測（2026-06-06 取得）に基づく。

TODAY'S SPECIAL（トゥデイズスペシャル）

Japan · Noto Sans JP

TODAY'S SPECIAL（https://www.todaysspecial.jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

TOMORROWLAND（トゥモローランド）

Japan · Noto Sans JP

TOMORROWLAND 公式サイト（https://www.tomorrowland.co.jp/）のデザイン仕様書。 1978年創業のセレクトショップ / オリジナルブランド。GALERIE VIE、MACPHEE、DES PRES 等を擁するファッション企業。 "Tomorrow is Beautiful." をブランドメッセージに掲げ、上質なライフスタイルを提案する。 実サイトの computed style に基づいて記述。

TRUCK FURNITURE（トラックファニチャー）

Japan · Anton

TRUCK FURNITURE（https://www.truck-furniture.co.jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

UPSIDER

Japan · Noto Sans JP

UPSIDER（https://up-sider.com/lp/）のデザイン仕様書。 「上場のための法人カード」を掲げる法人カード／支出管理の B2B SaaS。10 万社超が導入。 主 CTA はオレンジのグラデーションピル（linear-gradient(90deg, #f5833e 0%, #fead48 100%)）。サイト内で有彩色が出るのは、ほぼこの CTA だけ 面色が background-color ではなく bac…

WHILL

Japan · Noto Sans JP

WHILL（https://whill.inc/）のデザイン仕様書。 パーソナルモビリティ（次世代型電動車いす）メーカー。法人・個人向けに移動ソリューションを展開。 実サイトの computed style 実測（2026-05-29 取得）に基づく。

Zoff（ゾフ）

Japan · Helvetica Neue

Zoff（https://www.zoff.co.jp/）のデザイン仕様書。 「メガネが関わるすべてのことに、もっとワクワクを。」をビジョンに掲げるアイウェアブランド。 実サイトの computed style 実測（2026-05-22 取得）に基づく。

アステラス製薬（Astellas Pharma）

Japan · Noto Sans JP

アステラス製薬（Astellas Pharma）のデザイン仕様書。

Other fonts