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 1 of 4

Files

CrowdWorks (クラウドワークス)

Brands · Noto Sans JP

CrowdWorks is Japan's large crowdsourcing marketplace — clients post work, freelancers bid on it. The landing surface is white, dense and set mostly at 12px (190 elements), with a saturated orange #f26731 reserved…

Digital Agency

Brands · Noto Sans JP

The Digital Agency Design System (デジタル庁デザインシステム, DADS) is the official design system of Japan's Digital Agency (デジタル庁), published openly at design.digital.go.jp/dads/ under CC BY 4.0. Its job is the opposite of a…

freee

Brands · Noto Sans JP

freee develops an integrated management platform for Japanese small businesses: accounting, HR, approvals, and connected business data are framed as a way to let owners manage freely rather than spend their time on…

Gaudiy

Brands · Noto Sans JP

Gaudiy (株式会社Gaudiy Group) is a Tokyo Web3 fan-community platform — the maker of Gaudiy Fanlink, backed by Sony Group and Bandai Namco — and its public surfaces wear a deliberately monochrome, almost defiant "glitch"…

GMO Pepabo (Inhouse)

Brands · Open Sans

GMO Pepabo's Inhouse is one of the few openly published Japanese design systems, and its defining trait is deliberate neutrality. Inhouse is not a single visual identity — it is a generic, trend-resistant prototype…

Hatena (はてな)

Brands · Noto Sans JP

Hatena is a Kyoto internet company. Its first service, the Q&A site 人力検索はてな, opened on 15 July 2001, and it grew into a family of community services — Hatena Bookmark, Hatena Blog, Anond, Hatena Question, Hatena…

JAL (日本航空)

Brands · Noto Sans JP

JAL is Japan's flag carrier, and jal.co.jp is a booking surface — white, dense, and set almost entirely in Noto Sans JP at 16px (188 of 232 text-bearing elements). One red, #cc0000, carries the brand.

Loglass (ログラス)

Brands · Noto Sans JP

Loglass makes management-accounting software — budgeting, forecast-versus-actual and planning for finance teams that otherwise live in spreadsheets. The company, 株式会社ログラス, was founded on 30 May 2019, and states its…

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…

MIXI

Brands · Noto Sans JP

MIXI is a Japanese communication and entertainment company that began with the Find Job! service in 1997, launched the social network mixi in 2004, and has since expanded through services and businesses including…

Money Forward

Brands · Noto Sans JP

Money Forward (マネーフォワード) is the Japanese fintech that started as a personal household-budgeting app (Money Forward ME) and grew into a full business platform — cloud accounting, invoicing, payroll, and expense tools…

Nulab (株式会社ヌーラボ)

Brands · Noto Sans JP

Nulab is a Fukuoka software company, established 29 March 2004, that builds collaboration tools: Backlog (project and task management), Cacoo (online whiteboard), Nulab Pass (security and governance) and Nulab…

Pairs (ペアーズ)

Brands · Noto Sans JP

Pairs is a Japanese dating app run by 株式会社エウレカ (Eureka, Inc.) in Tokyo. In May 2015 Match Group, the US online-dating company, acquired Eureka outright and kept Pairs running as its own brand. The stylesheet looks…

PayPay (ペイペイ)

Brands · Noto Sans JP

PayPay is Japan's dominant QR-code mobile wallet — the app that, almost single-handedly, dragged a famously cash-loving country into cashless payments. Its visual language is loud where Japanese fintech is…

Serendie

Brands · Noto Sans JP

Serendie is Mitsubishi Electric's digital-platform brand, and Serendie Design System is the design language its DX Innovation Center publishes for it. The atmosphere is a calm institutional blue on white with…

SmartBank (株式会社スマートバンク)

Brands · Noto Sans JP

SmartBank is a Tokyo fintech — founded April 2019, headquartered in Shinagawa, capitalised at ¥3.1bn including reserve, and licensed by the Kanto Financial Bureau as a fund-transfer and prepaid-payment operator. Its…

Timee

Brands · Noto Sans JP

Timee (タイミー) is Japan's largest spot-work platform — 13.4 million registered workers pick up single-shift jobs with no resume and no interview — and its design language radiates that same instant, friction-free…

ZEPETO

Brands · Noto Sans JP

ZEPETO (제페토) is a 3D-avatar social platform run by NAVER Z Corp. Its own About page describes it as a place where anyone can express themselves creatively and connect with users around the world: "제페토는 3D 아바타 기반 소셜…

さくらインターネット

Brands · Noto Sans JP

さくらインターネット is a Japanese internet-infrastructure company whose public story began in 1996, when its founder started by building servers and lending them to friends. Today its public ecosystem spans hosting, cloud,…

マイナビ

Brands · Noto Sans JP

マイナビ is a Japanese information and service company that supports people across work, learning, and everyday life: its public company material names employment, career change, part-time work, recruitment, and media…

中華航空

Brands · Noto Sans JP

China Airlines is Taiwan’s international carrier, founded in 1959, whose public passenger site connects ticketing and travel-service tasks with a broader corporate story of safe, reliable global connection. Its…

10X（テンエックス）

Japan · Noto Sans JP

株式会社10X（https://10x.co.jp/）のコーポレートサイトのデザイン仕様書。 小売チェーン向けEC・OMOプラットフォーム「Stailer」を提供するSaaS企業。 「10xプロダクトを、世界中の人々に届ける。」をミッションに掲げる。 実サイトの computed style 実測（2026-06-24 取得）に基づく。

Afternoon Tea（アフタヌーンティー）

Japan · Noto Sans JP

Afternoon Tea 公式ブランドサイト（https://www.afternoon-tea.net/）のデザイン仕様書。 サザビーリーグが 1981 年に創業した日本のライフスタイルブランド。 LIVING（雑貨・インテリア）、TEAROOM（カフェ）、BAKERY、LOVE&TABLE のサブブランドを展開。 温かみのある、エレガントで女性的なデザインが特徴。 実サイトの computed style 実測（2026-05-…

AGC（AGC株式会社）

Japan · Noto Sans JP

AGC（https://www.agc.com/）のデザイン仕様書。 旧・旭硝子。ガラス・化学品・電子部材・セラミックスなど、素材の力で社会を支えるグローバル素材メーカー。 実サイトの computed style 実測（2026-05-25 取得）に基づく。

AJINOMOTO

Japan · Noto Sans JP

AJINOMOTO（https://www.ajinomoto.co.jp/）のデザイン仕様書。 2026-05-22 取得の computed style に基づく。 味の素グループのコーポレートサイト。「Eat Well, Live Well.」を掲げ、うま味調味料・冷凍食品・アミノ酸事業を展開する日本最大の総合食品メーカー。

Asahi Beer

Japan · Noto Sans JP

Asahi Beer（https://www.asahibeer.co.jp/）のデザイン仕様書。 実サイトの CSS Custom Properties および computed style に基づく。

Autify（オーティファイ）

Japan · Roboto

Autify（オーティファイ）のデザイン仕様書。

BAUM (バウム)

Japan · Noto Sans JP

BAUM (バウム)のデザイン仕様書。

bitFlyer（ビットフライヤー）

Japan · Nunito

bitFlyer（ビットフライヤー）のデザイン仕様書。

Canon（キヤノン）

Japan · Noto Sans JP

Canon（https://canon.jp/）のデザイン仕様書。 カメラ・プリンター・複合機を中心とした総合イメージングメーカーのコーポレートサイト。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

CHOYA (チョーヤ梅酒)

Japan · Noto Serif JP

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

Cle de Peau Beaute

Japan · Noto Sans JP

Shiseido のラグジュアリービューティーライン「Cle de Peau Beaute」公式サイト（https://www.cledepeau-beaute.com/jp/）のデザイン仕様書。 「鍵」を意味するフランス語ブランド名にふさわしい、抑制されたエレガンスと光の質感が特徴。 実サイトの computed style に基づいて記述。

COHINA（コヒナ）

Japan · Noto Sans JP

COHINA（https://cohina.net/）のデザイン仕様書。 小柄な女性のための D2C ファッションブランド。Shopify ベースの EC サイト。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

Cygames（サイゲームス）

Japan · YakuHanJPs

Cygames（https://www.cygames.co.jp/）のデザイン仕様書。 「最高のコンテンツを作る会社」を掲げる日本のゲーム開発会社。Granblue Fantasy, Uma Musume 等を展開。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

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 に基づく。

DELFONICS（デルフォニックス）

Japan · neue-frutiger-world

DELFONICS｜デルフォニックス（https://www.delfonics.com/）のデザイン仕様書。 「ロルバーン（Rollbahn）」ノートや文具・雑貨で知られる、東京発のモダンな文具・デザインブランド。エディトリアルで遊びのある紙面設計が特徴。 最大の特徴は シグネチャーの鮮烈な朱赤 #ff3700（ヒーロー全面） と、特大の英字ディスプレイ（102px の "Stationery" 等）＋ Neue Frutiger …

dentsu (電通)

Japan · Noto Sans JP

dentsu（https://www.dentsu.co.jp/）のデザイン仕様書。 実サイトの computed style に基づく。CSS Custom Properties は未使用。

Digital Agency Japan (digital.go.jp / DADS)

Japan · Noto Sans JP

Digital Agency Japan (digital.go.jp / DADS)のデザイン仕様書。

DULTON（ダルトン）

Japan · Noto Sans JP

DULTON（https://www.dulton.jp/）のデザイン仕様書。 アメリカンヴィンテージ・インダストリアルをテーマにした日本のホームグッズ・家具・インテリアブランド。 実サイトの computed style 実測（2026-05-29 取得）に基づく。

ENEOS

Japan · Noto Sans JP

ENEOS（https://www.eneos.co.jp/）のデザイン仕様書。 実サイトの CSS computed style に基づく。CSS Custom Properties は使用されていない（OneTrust Cookie バナーを除く）。

Findy（ファインディ）

Japan · Noto Sans JP

Findy（ファインディ）のデザイン仕様書。

good design company（グッドデザインカンパニー）

Japan · century-old-style-std

good design company（https://gooddesigncompany.com/）のデザイン仕様書。 水野学が率いる、ブランディング／クリエイティブ・ディレクションの会社。相鉄グループ、中川政七商店、HOTEL THE MITSUI 等のブランディングを手がける。 最大の特徴は 純白（#fff）とライトグレー（#f5f5f5）だけのモノクローム極小パレット に、本文・見出しまで一貫して明朝体（century-old…

GO株式会社（GO Inc.）

Japan · Noto Sans JP

GO株式会社（https://goinc.jp/）のデザイン仕様書。 タクシーアプリ「GO」などを展開する日本のモビリティテック企業（旧 Mobility Technologies）。 タグライン「移動で人を幸せに。」。クリーンで信頼感のあるコーポレート／プロダクトデザイン。 実サイトの computed style 実測（2026-06-27 取得）に基づく。

Hacoa（ハコア）

Japan · Arial

Hacoa（https://www.hacoa.com/）のデザイン仕様書。 福井・越前の木地職人集団「山口工芸」が 2001 年に立ち上げた、木製デザイン雑貨のブランド。木製キーボード・時計・iPhone ケースなど、無垢材を削り出したプロダクトを自社でデザインから製造まで一貫して手がける。 写真が主役で、UI はほぼ何もしない。全画面の木の写真にスクリムを敷き、その上に白文字と枠だけのピルを置く。彩度を持つ要素はアンバーのリンク …

HARIO（ハリオ）

Japan · Noto Sans JP

HARIO 公式サイト（https://www.hario.com/）のデザイン仕様書。 1921年創業、日本で唯一の耐熱ガラスメーカー。V60ドリッパーをはじめとするコーヒー器具で世界的に知られる。 「ガラスの王（玻璃王=ハリオ）」を社名に冠し、素材の透明感・清潔感をデザインに反映している。 実サイトの computed style 実測（2026-05-08 取得）に基づく。

Hoshino Resorts (hoshinoresorts.com)

Japan · Noto Sans JP

Hoshino Resorts (hoshinoresorts.com)のデザイン仕様書。

Other fonts