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 (ローソン)のデザイン仕様書。