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 3 of 4
Files
ウェルスナビ（WealthNavi）
Japan · Noto Sans JP
ウェルスナビ（WealthNavi）のデザイン仕様書。
オークラ東京（The Okura Tokyo）
Japan · Segoe UI
オークラ東京（The Okura Tokyo）のデザイン仕様書。
カオナビ（kaonavi）
Japan · YakuHanJP
カオナビ（kaonavi）のデザイン仕様書。
カネカ（KANEKA）
Japan · Noto Sans JP
カネカ（KANEKA）のデザイン仕様書。
カミナシ（KAMINASHI）
Japan · Noto Sans JP
カミナシ（KAMINASHI）のデザイン仕様書。
グッドデザイン賞 / GOOD DESIGN AWARD（Gマーク）
Japan · Roboto Condensed + Gothic MB101 Bold
グッドデザイン賞（https://www.g-mark.org/）公式サイトのデザイン仕様書。 公益財団法人日本デザイン振興会が運営する、日本で唯一の総合的なデザイン評価制度。1957年から続く「Gマーク」を冠した、日本を代表するデザインアワード。 鮮烈な Gマーク赤 #c00014 をブランドの中心に置き、Roboto Condensed + Gothic MB101 Bold（Morisawa）の縦に締まった見出し書体と、Noto…
ココマイスター（COCOMEISTER）
Japan · Noto Serif JP
ココマイスター（https://cocomeister.jp/）のデザイン仕様書。 日本の職人が英国・イタリアの革を仕立てるレザーグッズブランドの公式 EC（Shopify）。財布・鞄・小物を「革の種類」と「シリーズ」の 2 軸で見せる。 見出しは明朝、UI はゴシック。この分業が全ページで徹底されている。商品名・セクション見出し・キャッチはすべて Noto Serif JP / ヒラギノ明朝、ナビ・ボタン・価格は Noto Sans…
さくらインターネット（SAKURA internet）
Japan · Noto Sans JP
さくらインターネット（SAKURA internet）のデザイン仕様書。
シスメックス（Sysmex）
Japan · Sysmex
シスメックス（Sysmex）のデザイン仕様書。
シロカ（siroca）
Japan · Noto Sans JP
シロカ（siroca）のデザイン仕様書。
ツムラ（TSUMURA）
Japan · Noto Sans JP
ツムラ（TSUMURA）のデザイン仕様書。
ニッカウヰスキー（NIKKA WHISKY）
Japan · Noto Sans JP
ニッカウヰスキー（NIKKA WHISKY）のデザイン仕様書。
ニデック（NIDEC）
Japan · Noto Sans JP
ニデック（NIDEC）のデザイン仕様書。
ヒューリック（HULIC）
Japan · Forum
ヒューリック（HULIC）のデザイン仕様書。
ミサワホーム（MISAWA HOME）
Japan · Noto Sans JP
ミサワホーム（MISAWA HOME）のデザイン仕様書。
ヤッホーブルーイング（YOHO BREWING）
Japan · Noto Sans JP
ヤッホーブルーイング（YOHO BREWING）のデザイン仕様書。
ヤマキ（YAMAKI）
Japan · Noto Sans JP
ヤマキ（YAMAKI）のデザイン仕様書。
ヤンマー（YANMAR）
Japan · Noto Sans JP
ヤンマー（YANMAR）のデザイン仕様書。
ライオン（LION）
Japan · YakuHanJPs_Noto
ライオン（LION）のデザイン仕様書。
ロート製薬（ROHTO）
Japan · Noto Sans JP
ロート製薬の公式企業サイト（https://www.rohto.co.jp/）のデザイン仕様書。 1899 年創業。目薬・スキンケア（肌ラボ、メンソレータム、オバジ）から再生医療・アグリまで手がける。 コーポレートスローガンは「ロートは、ハートだ。」、企業姿勢は「ひらけ、ハート！ひらけ、ロート！」。 最大の特徴は border-radius: 9990px という独特のピル指定と、ブランドブルー #005bac 1 色でサイト全体を駆…
一風堂（IPPUDO）
Japan · Noto Sans JP
一風堂（https://www.ippudo.com/）のデザイン仕様書。 1985年創業の博多発豚骨ラーメン専門店。世界15カ国以上に展開する日本を代表するラーメンブランド。 実サイトの computed style 実測（2026-05-24 取得）に基づく。
三菱鉛筆（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…
中外製薬（Chugai Pharmaceutical）
Japan · Noto Sans JP
中外製薬（Chugai Pharmaceutical）のデザイン仕様書。
中川政七商店 / Nakagawa Masashichi Shoten
Japan · Noto Sans JP
中川政七商店公式サイト（https://www.nakagawa-masashichi.jp/）のデザイン仕様書。 1716 年（享保元年）創業、奈良の老舗工芸品ブランド。「日本の工芸を元気にする！」をビジョンに掲げ、生活雑貨を中心にロングライフな暮らし道具を扱う。 実サイトの computed style に基づいて記述。
丸山珈琲（MARUYAMA COFFEE）
Japan · Noto Sans JP
株式会社丸山珈琲（https://www.maruyamacoffee.com/）のデザイン仕様書。 1991 年、長野県軽井沢に創業したスペシャルティコーヒーの焙煎・小売企業。バイヤーが産地に足を運ぶ「ダイレクトトレード」と、カップ・オブ・エクセレンス国際審査員を務める丸山健太郎氏で知られる。 最大の特徴は、ブランド色を純黒ではなく #231815 に置くこと。これは日本の DTP でスミベタに使われる標準値そのもので、印刷物のイン…
丹青社（TANSEISHA）
Japan · Noto Sans JP
丹青社（TANSEISHA）のデザイン仕様書。
九州国立博物館（Kyushu National Museum）
Japan · Yu Gothic Medium
九州国立博物館（Kyushu National Museum）のデザイン仕様書。
京王電鉄（Keio Corporation）
Japan · Noto Sans JP
京王電鉄（Keio Corporation）のデザイン仕様書。
京都国立博物館（Kyoto National Museum）
Japan · Noto Sans JP
京都国立博物館（Kyoto National Museum）のデザイン仕様書。
伊藤園（ITO EN）
Japan · Noto Sans JP
伊藤園（https://www.itoen.co.jp/ ＋ https://www.itoen.co.jp/products/）のデザイン仕様書。 日本最大の茶飲料メーカー。企業情報サイトと商品情報サイトの2系統を持つ。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
共同印刷 / TOMOWEL（Kyodo Printing）
Japan · 游明朝体
共同印刷 / TOMOWEL（Kyodo Printing）のデザイン仕様書。
加島屋（KASHIMAYA）
Japan · Noto Serif JP
加島屋（KASHIMAYA）のデザイン仕様書。
南海電気鉄道（NANKAI）
Japan · Noto Sans JP
南海電気鉄道（NANKAI）のデザイン仕様書。
吉田カバン / YOSHIDA & Co. (PORTER)
Japan · Noto Sans JP
吉田カバン（YOSHIDA & Co.）公式サイト（https://www.yoshidakaban.com/）のデザイン仕様書。 PORTER / LUGGAGE LABEL / B印 YOSHIDA 等、同社の主力ブランドを統括する公式コーポレートサイト。 実サイトの computed style に基づいて記述。
塩野義製薬（SHIONOGI）
Japan · Noto Sans JP
塩野義製薬（SHIONOGI）のデザイン仕様書。
大分県立美術館（OPAM）
Japan · Noto Sans JP
大分県立美術館 / Oita Prefectural Art Museum（https://www.opam.jp/）のデザイン仕様書。 2015 年開館。坂茂の設計による、街に開かれた「出会いと五感のミュージアム」。 最大の特徴は、すべてのボタン・バッジ・ステータスを pill（border-radius: 100px）で統一すること。矩形のボタンが 1 つも存在しない。 色は ティール #027e73（操作）と サンド #dbce…
奈良国立博物館（NARA NATIONAL MUSEUM）
Japan · Noto Sans JP
奈良国立博物館（NARA NATIONAL MUSEUM）のデザイン仕様書。
愛知県美術館（Aichi Prefectural Museum of Art）
Japan · Noto Sans JP
愛知県美術館（Aichi Prefectural Museum of Art）のデザイン仕様書。
成田国際空港（Narita International Airport）
Japan · Noto Sans JP
成田国際空港（Narita International Airport）のデザイン仕様書。
日本郵船（NYK LINE）
Japan · Arial
日本郵船（NYK LINE）のデザイン仕様書。
旭化成（Asahi Kasei）
Japan · Noto Sans JP
旭化成（Asahi Kasei）のデザイン仕様書。
有隣堂（YURINDO）
Japan · Noto Sans JP
有隣堂（YURINDO）のデザイン仕様書。
東京建物（Tokyo Tatemono）
Japan · Noto Sans JP
東京建物（Tokyo Tatemono）のデザイン仕様書。
東京都庭園美術館（Tokyo Metropolitan Teien Art Museum）
Japan · Noto Sans JP
東京都庭園美術館（Tokyo Metropolitan Teien Art Museum）のデザイン仕様書。
東北新社（TFC / Tohokushinsha Film Corporation）
Japan · Noto Sans JP
東北新社（TFC / Tohokushinsha Film Corporation）のデザイン仕様書。
東宝（TOHO）
Japan · Junge
東宝（TOHO）のデザイン仕様書。
東急不動産（TOKYU LAND）
Japan · YuGothicM
東急不動産（TOKYU LAND）のデザイン仕様書。
東洋経済新報社（TOYO KEIZAI）
Japan · Noto Sans JP
東洋経済新報社（TOYO KEIZAI）のデザイン仕様書。
Other fonts
- Inter245
- Pretendard129
- SF Mono108
- JetBrains Mono68
- Roboto60
- Helvetica Neue56
- Arial50
- Poppins36
- 游ゴシック体35
- Hiragino Kaku Gothic ProN32
- 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