Blue design systems

Brands and apps whose main color is blue, including Discord, Linear and Stripe. The family comes from each file's primary or accent color; open a file to see its full palette.

497 files, page 8 of 11

Files

Zalo

iOS apps · Circular

Zalo is Vietnam's 1 messaging app and a full super-app — chat, calls, social timeline (Nhật ký), Zalo Pay, Official Accounts (OA), and a launcher of mini-apps and services. Its iOS design system is built around one…

±0(プラスマイナスゼロ)

Japan · Noto Sans Japanese

±0 公式サイト(https://www.plusminuszero.jp/)のデザイン仕様書。 深澤直人がデザインアドバイザーを務めるプロダクトブランド。加湿器・コンパクト掃除機・電卓など、生活に「ちょうどいい」家電・日用品を展開。 実サイトの computed style に基づいて記述。

10X(テンエックス)

Japan · Noto Sans JP

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

2121 DESIGN SIGHT

Japan · Noto Sans Japanese

2121 DESIGN SIGHT 公式サイト(https://www.2121designsight.jp/)のデザイン仕様書。 三宅一生・佐藤卓・深澤直人の3ディレクターによる、東京ミッドタウン内のデザインミュージアム。 安藤忠雄設計、2007 年開館。実サイトの computed style 実測(2026-05-08 取得)に基づく。

45R(フォーティーファイブアール)

Japan · A1 Gothic R

45R(https://www.45r.jp/)のデザイン仕様書。 2026-05-08 取得の computed style と CSS Custom Properties に基づく。

AGC(AGC株式会社)

Japan · Noto Sans JP

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

ALBION (albion.co.jp)

Japan · YakuHanJPs

ALBION (albion.co.jp)のデザイン仕様書。

Aman Tokyo (aman.com/ja-jp/resorts/aman-tokyo)

Japan · Meiryo

Aman Tokyo (aman.com/ja-jp/resorts/aman-tokyo)のデザイン仕様書。

ANA(全日本空輸)

Japan · ヒラギノ角ゴシック

ANA(https://www.ana.co.jp/)のデザイン仕様書。 日本最大の航空会社。国内線・国際線の予約、マイレージ、ツアー商品を提供する総合エアラインサイト。 実サイトの computed style 実測(2026-05-21 取得)に基づく。

ARTS&SCIENCE

Japan · SabonNextRegular

ARTS&SCIENCE(https://arts-science.com/)のデザイン仕様書。 2026-06-07 取得の computed style に基づく。

Asahi Beer

Japan · Noto Sans JP

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

Benesse(ベネッセ)

Japan · Roboto

Benesse Corporation(https://www.benesse.co.jp/)のデザイン仕様書。 「よく生きる」を企業理念に掲げる日本の総合教育・生活事業企業。進研ゼミ、こどもちゃれんじ、介護、語学等を展開。 実サイトの computed style 実測(2026-06-09 取得)に基づく。

bitFlyer(ビットフライヤー)

Japan · Nunito

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

Brother(ブラザー)

Japan · 游ゴシック

Brother(https://www.brother.co.jp/)のデザイン仕様書。 プリンター・複合機・ミシン・工作機械など多角的な製造業ブランド。"at your side" をタグラインに掲げる。 実サイトの computed style 実測(2026-05-31 取得)に基づく。

Calpis

Japan · ヒラギノ角ゴ Pro W3

カルピス(https://www.calpis.info/)のデザイン仕様書。 実サイトの CSS computed style に基づく。アサヒ飲料が展開する1919年創業の国民的乳酸菌飲料ブランドのブランドサイト。

CAPCOM (カプコン)

Japan · ヒラギノ角ゴ Pro W3

CAPCOM(https://www.capcom.co.jp/)のデザイン仕様書。 1983年設立の大手ゲームメーカー。ストリートファイター、バイオハザード、モンスターハンター、デビルメイクライ等を擁する。 コーポレートサイトはゲーム情報・IR・プレスリリースのポータル。 実サイトの computed style 実測(2026-06 取得)に基づく。

CASIO (casio.co.jp)

Japan · din-2014

CASIO (casio.co.jp)のデザイン仕様書。

Creema

Japan · ヒラギノ角ゴ Pro W3

Creema(https://www.creema.jp/)のデザイン仕様書。 日本最大のハンドメイド・クラフト作品マーケットプレイス。 Puppeteer による computed style 実測値(2026-06-12 取得)に基づく。

Cygames(サイゲームス)

Japan · YakuHanJPs

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

DAIKEN(大建工業)

Japan · 游ゴシック体

DAIKEN(大建工業)のデザイン仕様書。

DAIKIN(ダイキン工業)

Japan · メイリオ

ダイキン工業(https://www.daikin.co.jp/)のデザイン仕様書。 空調・化学事業のグローバルメーカー。住宅用エアコンから業務用空調まで幅広く展開。 実サイトの computed style 実測(2026-05-18 取得)に基づく。

DAIWA HOUSE(大和ハウス工業)

Japan · Noto Sans JP

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

dentsu (電通)

Japan · Noto Sans JP

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

Discover Japan (ディスカバー・ジャパン)

Japan · 游明朝体

Discover Japan (ディスカバー・ジャパン)のデザイン仕様書。

DNP(大日本印刷)

Japan · YakuHanJP

DNP(大日本印刷)のデザイン仕様書。

DRAFT(ドラフト)

Japan · Hiragino Kaku Gothic ProN

DRAFT(ドラフト / https://www.draft.co.jp/)のデザイン仕様書。 宮田識が率いるブランディング/デザイン会社。CIBONE、D-BROS などのプロダクトや、数多くの企業ブランディングを手がける制作会社のコーポレートサイト。 最大の特徴は 黒(#000000)のフルスクリーン・ヒーローと白(#ffffff)の作品グリッドという徹底したモノクロームの対比、高コントラストなディスプレイ・セリフ(PPEiko)…

Droga5 Japan (droga5.jp)

Japan · NotoSansJP-Medium

Droga5 Japan (droga5.jp)のデザイン仕様書。

Epson

Japan · Arial

Epson(https://www.epson.jp/)のデザイン仕様書。 実サイトのCSS computed style に基づく。CSS Custom Properties は使用されていない(レガシーな静的CSS構成)。

FANCL

Japan · ヒラギノ角ゴ ProN W3

FANCLのデザイン仕様書。

FELISSIMO

Japan · 游ゴシック

FELISSIMO フェリシモ(https://www.felissimo.co.jp/)のデザイン仕様書。 実サイトの CSS computed style に基づく。ファッション・雑貨・手づくりキットの定期便通販サイト。

final(ファイナル / S'NEXT)

Japan · Hiragino Mincho ProN

final(ファイナル / S'NEXT)のデザイン仕様書。

Findy(ファインディ)

Japan · Noto Sans JP

Findy(ファインディ)のデザイン仕様書。

GO株式会社(GO Inc.)

Japan · Noto Sans JP

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

hacomono

Japan · Yu Gothic

hacomono(https://www.hacomono.jp/)のデザイン仕様書。 フィットネスジム・スクール・公共施設向けの会員管理/予約/決済 SaaS のサービスサイト。 有彩色を 1 色も持たない完全モノクローム。template.css(390KB)に現れる色は #fff #1a1a1a #d2d2d2 #eff1f4 #767676 #f7f6f6 #e9ebee … とすべて無彩色で、青も緑も赤も 1 回も出てこない…

Hanako Web(ハナコ)

Japan · Montserrat

マガジンハウス『Hanako』の公式サイト Hanako Web(https://hanako.tokyo/)のデザイン仕様書。 1988 年創刊の女性誌。Web 版は WordPress 上に構築され、FOOD / TRAVEL / FORTUNE / HEALTH / LEARN / MAMA / SUSTAINABLE / CULTURE / WORK&MONEY の 9 カテゴリを持つ。 最大の特徴は、--theme-colo…

HARIO(ハリオ)

Japan · Noto Sans JP

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

HERALBONY

Japan · Noto Sans

HERALBONY 公式オンラインストア(https://www.heralbony.com/)のデザイン仕様書。 "異彩を、放て。" をスローガンに掲げ、知的障害のあるアーティストの作品をファッション・アートプロダクトとして展開するソーシャルブランド。 実サイトの computed style に基づいて記述(2026-05-09 取得)。

IHI(株式会社IHI)

Japan · Noto Sans JP

IHI(株式会社IHI)のデザイン仕様書。

ITOCHU Corporation (itochu.co.jp)

Japan · メイリオ

ITOCHU Corporation (itochu.co.jp)のデザイン仕様書。

JR西日本(West Japan Railway)

Japan · Noto Sans JP

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

KAI (貝印)

Japan · Hiragino Sans

KAI 公式サイト(https://www.kai-group.com/)のデザイン仕様書。 1908年創業、包丁・カミソリ・医療用刃物で世界的に知られる刃物メーカー。「モノづくりの老舗」としての信頼感を、極細ウェイト(300)の游ゴシック+大きな余白で表現する、静かなコーポレートサイト。 実サイトの computed style に基づいて記述。

KALDI Coffee Farm

Japan · ヒラギノ角ゴ ProN W3

KALDI Coffee Farm (https://www.kaldi.co.jp/) のデザイン仕様書。 実サイトの computed style に基づく。CSS Custom Properties は使用されていない。 コーポレートサイトと EC サイト (https://www.kaldi.co.jp/ec/) の2サイトを網羅。

KASHIYAMA(カシヤマ)

Japan · source-han-sans-japanese

KASHIYAMA(https://kashiyama1927.jp/)のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

KDDI

Japan · DM Sans

KDDIのデザイン仕様書。

KING JIM(キングジム)

Japan · Hiragino

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

KOKUYO(コクヨ)

Japan · hnr

KOKUYO(https://www.kokuyo.co.jp/)コーポレートサイトのデザイン仕様書。 「Curiosity is Life — 好奇心を人生に」を掲げる文具・家具・空間・通販を横断する大手メーカー。 2024年に CI/VI を全面リニューアルし、カテゴリごとにブランドカラーを割り当てたモジュラー型ナビゲーションと、Helvetica Now Text + 田鶴ゴシック StdN(Morisawa)の混植が特徴。 実…

KUON

Japan · New York

KUON(https://kuon.tokyo/)のデザイン仕様書。 2026-05-09 取得の computed style に基づく。 Shopify(Dawn テーマ)ベース。カスタム Web フォントは未使用。

LAWSON (ローソン)

Japan · ヒラギノ角ゴ ProN W3

LAWSON (ローソン)のデザイン仕様書。

Other colors