Orange design systems
Brands and apps whose main color is orange, including 104人力銀行, 29CM and 591. The family comes from each file's primary or accent color; open a file to see its full palette.
132 files, page 3 of 3
Files
KAPITAL(キャピタル)
Japan · 游ゴシック
KAPITAL(https://www.kapital.jp/)のデザイン仕様書。 岡山・児島発、デニムとヴィンテージ・フォークロアを融合したクラフト志向ファッションブランド。 実サイトの computed style 実測(2026-05-09 取得)に基づく。
KEYUCA(ケユカ)
Japan · Hiragino Sans
KEYUCA(https://www.keyuca.com/)のデザイン仕様書。 2026-05-09 取得の computed style に基づく。
KINTO(キントー)
Japan · Swis721
株式会社キントー(KINTO)公式オンラインストア(https://kinto.co.jp/)のデザイン仕様書。 1972 年創業、テーブルウェア・ドリンクウェア・インテリア小物のライフスタイルブランド。 実サイトの computed style 実測(2026-05-08 取得)に基づく。
Komeda (コメダ珈琲店)
Japan · Arial
コメダ珈琲店(https://www.komeda.co.jp/)のデザイン仕様書。 実サイトの computed style に基づく。システムフォントのみ使用。
KURAND(クランド)
Japan · Noto Sans Japanese
KURAND(https://kurand.jp/)のデザイン仕様書。 500種以上のオリジナルクラフト酒を扱うオンライン酒屋。 実サイトの computed style 実測(2026-06-06 取得)に基づく。
LIFULL(ライフル)
Japan · LIFULL
LIFULL(https://lifull.com/)のデザイン仕様書。 「LIFULL HOME'S」等を運営する不動産・住宅テック企業。社名は LIFE + FULL の造語。 実サイトの computed style 実測(2026-05-15 取得)に基づく。
LIXIL
Japan · Hiragino Kaku Gothic ProN
LIXIL(https://www.lixil.co.jp/)のデザイン仕様書。 2026-05-22 取得の computed style に基づく。 LIXIL は日本最大の住宅設備・建材メーカー。INAX・TOSTEM・サンウエーブ等を統合し、トイレ・キッチン・浴室・窓・エクステリアを包括的に展開する。
Mr. CHEESECAKE
Japan · Noto Sans JP
Mr. CHEESECAKE(https://mr-cheesecake.com/)のデザイン仕様書。 「世界一じゃなく、あなたの人生最高に。」を掲げるチーズケーキの D2C ブランド(Shopify)。日曜と月曜だけのオンライン販売から始まり、GINZA SIX・羽田空港などの常設店に広がった。 書体は Noto Sans JP の 1 本だけ。明朝も欧文専用フォントも使わない。階層は「太さ」ではなく「余白」で作る 本文のウェイトが…
OWNDAYS(オンデーズ)
Japan · Founders Grotesk
OWNDAYS(https://www.owndays.com/jp/ja)のデザイン仕様書。 メガネ・サングラスの製造小売チェーン。オンラインストアと店舗情報を統合した EC サイト。 実サイトの computed style 実測(2026-05-09 取得)に基づく。
RMK
Japan · Neue-HelveticaR-World-55-Roman
RMK(https://www.rmkrmk.com/)のデザイン仕様書。 2026-05-20 取得の computed style に基づく。
Roland(ローランド)
Japan · proxima-nova
Roland(https://www.roland.com/jp/)のデザイン仕様書。 世界的な電子楽器メーカー。ピアノ、シンセサイザー、V-Drums、ギターアンプ等を展開。 実サイトの computed style 実測(2026-05-22 取得)に基づく。
Schoo(スクー)
Japan · Avenir
Schoo(https://schoo.jp/)のデザイン仕様書。 社会人向けオンライン学習プラットフォーム。生放送コミュニティ学習と録画授業を提供。 実サイトの computed style 実測(2026-06-22 取得)に基づく。
shu uemura(シュウ ウエムラ)
Japan · HelveticaNeueLTStd
shu uemura(https://www.shuuemura.jp/)のデザイン仕様書。 2026-05-10 取得の computed style に基づく。
SUQQU (スック)
Japan · FOT-ロダン Pro M
SUQQU(https://www.suqqu.com/ja/)のデザイン仕様書。 花王グループ(旧カネボウ化粧品)のラグジュアリーコスメティクスブランド。「洗練」と「凛」を掲げ、日本の美意識を現代に昇華した商品で知られる。 ブランド哲学: 「顔立ちからつくる」。骨格に沿ったメイクアップ理論で日本人女性の美を引き出す。 実サイトの computed style 実測(2026-06-04 取得)に基づく。
THE(ザ)
Japan · YakuHanJP
THE / THE SHOP ONLINE(https://the-web.co.jp/)のデザイン仕様書。 中川政七商店グループが運営する「THE」のデザインプロダクト EC。 実サイトの computed style 実測(2026-06-23 取得)に基づく。
TULLY'S COFFEE (タリーズコーヒー)
Japan · Raleway
TULLY'S COFFEE 公式サイト (https://www.tullys.co.jp/) のデザイン仕様書。 "Taste The Difference" を掲げるスペシャルティコーヒーチェーン。シアトル発、日本国内800店舗超。 コーヒーの深煎りを思わせるダークブラウンを基調に、温かみのあるベージュとクリーム色で構成されたカフェトーンのデザイン。 実サイトの computed style に基づいて記述。
UNITED ARROWS
Japan · YakuHanJP
UNITED ARROWS(https://www.united-arrows.co.jp/)のデザイン仕様書。 2026-05-09 取得の computed style に基づく。 コーポレートサイト。TypeSquare(Morisawa)Web フォントを採用した、ファッション・エディトリアル構成。
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…
オークラ東京(The Okura Tokyo)
Japan · Segoe UI
オークラ東京(The Okura Tokyo)のデザイン仕様書。
カキモリ (Kakimori)
Japan · Gothic Medium BBB
カキモリ(https://kakimori.com/)のデザイン仕様書。 2026-05-08 取得の computed style と CSS Custom Properties に基づく。
キッコーマン (Kikkoman)
Japan · 游ゴシック体
キッコーマン(https://www.kikkoman.co.jp/)のデザイン仕様書。 実サイトの computed style に基づく。CSS Custom Properties は Font Awesome 関連のみで、デザイントークンは直書き。
ミツカン(Mizkan)
Japan · Hiragino Kaku Gothic ProN
ミツカン(https://www.mizkan.co.jp/)のデザイン仕様書。 1804年創業、半田の酢からはじまった食品メーカーのコーポレート+レシピサイト。「やがて、いのちに変わるもの。」をタグラインに掲げる。 ブランド色は緑 1 色(#093 = #009933)。CSS 上の実出現は 487 回で、他のどの色よりも桁違いに多い。この 1 色だけで「ミツカンの面」を作る #093 という 3 桁ショートハンドで書かれている。#…
リノベる。(RENOVERU)
Japan · Zen Kaku Gothic New
リノベる。(RENOVERU)のデザイン仕様書。
一保堂茶舗(IPPODO)
Japan · source-han-sans-japanese
一保堂茶舗(https://www.ippodo-tea.co.jp/)のデザイン仕様書。 Puppeteer による computed style 実測値(2026-05-21 取得)に基づく。 享保二年(1717)創業の京都の老舗茶舗。抹茶・玉露・煎茶・番茶・ほうじ茶など 日本茶を幅広く取り扱い、Shopify ベースのオンラインストアを運営する。 サイトデザインは「京の老舗の静かな品格」を、游明朝の見出しと 源ノ角ゴシック Li…
京都国立博物館(Kyoto National Museum)
Japan · Noto Sans JP
京都国立博物館(Kyoto National Museum)のデザイン仕様書。
協和キリン(Kyowa Kirin)
Japan · ヒラギノUD角ゴ Std
協和キリン(Kyowa Kirin)のデザイン仕様書。
南海電気鉄道(NANKAI)
Japan · Noto Sans JP
南海電気鉄道(NANKAI)のデザイン仕様書。
及源鋳造(OIGEN)
Japan · Zen Old Mincho
及源鋳造(OIGEN)のデザイン仕様書。
吉田カバン / YOSHIDA & Co. (PORTER)
Japan · Noto Sans JP
吉田カバン(YOSHIDA & Co.)公式サイト(https://www.yoshidakaban.com/)のデザイン仕様書。 PORTER / LUGGAGE LABEL / B印 YOSHIDA 等、同社の主力ブランドを統括する公式コーポレートサイト。 実サイトの computed style に基づいて記述。
東京オペラシティ アートギャラリー(Tokyo Opera City Art Gallery)
Japan · 游ゴシック体
東京オペラシティ アートギャラリー(Tokyo Opera City Art Gallery)のデザイン仕様書。
東京茶寮(Tokyo Saryo)
Japan · cardo
東京茶寮(Tokyo Saryo / https://www.tokyosaryo.jp/)のデザイン仕様書。 世界初のハンドドリップ日本茶専門店(東京・三軒茶屋)。煎茶をハンドドリップで一杯ずつ淹れる、静かな喫茶体験を提供する。 最大の特徴は 温かみのあるクリーム地(#f3f0e0)の余白 と くすんだゴールド(#b3873d)のアクセント、そして 欧文セリフ(Cardo)× 和文ゴシック を組み合わせた端正な editorial …
根津美術館(Nezu Museum)
Japan · Noto Serif JP
根津美術館(https://www.nezu-muse.or.jp/)のデザイン仕様書。 1941 年開館、東京・南青山。東武鉄道の社長を務めた実業家・初代根津嘉一郎の日本・東洋古美術コレクションを基礎とする私立美術館。国宝『燕子花図屏風』(尾形光琳)を所蔵する。2009 年に隈研吾設計の本館が竣工し、竹垣に沿う長いアプローチが館の顔になった。 最大の特徴は、サイト全体が明朝体で組まれていること。body { font-family:…
沖縄県立博物館・美術館(おきみゅー)
Japan · Open Sans
沖縄県立博物館・美術館(おきみゅー)のデザイン仕様書。
石見銀山 群言堂(Iwamiginzan Gungendo)
Japan · Zen Old Mincho
石見銀山 群言堂(https://www.gungendo.co.jp/)のデザイン仕様書。 島根県大田市大森町——世界遺産・石見銀山の麓、人口 400 人ほどの集落に本社を置く衣料・生活用品のブランド。1989 年創業(株式会社石見銀山生活文化研究所)。「根のある暮らし」を掲げ、過疎の町に残ることそのものをブランドの主題にしている。 サイトの最大の特徴は 全ページが明朝体 1 書体(Zen Old Mincho)だけで組まれているこ…
美術手帖(びじゅつてちょう / BT)
Japan · Roboto
美術手帖(https://bijutsutecho.com/)のデザイン仕様書。 1948 年創刊、日本を代表する現代アート専門誌のウェブ版(美術出版社 / CCC アートラボ)。展覧会・ニュース・レビュー・雑誌アーカイブを束ねる情報量の多いアートメディア。 最大の特徴は ヒラギノ明朝 W6 のディスプレイ見出し × Roboto+Noto Sans JP の本文ゴシック という和欧・明朝/ゴシックの使い分けと、ニアブラック #2c2…
食べログ
Japan · メイリオ
食べログ(https://tabelog.com/)のデザイン仕様書。 実サイトの computed style に基づく。CSS Custom Properties は使用していない従来型のCSS設計。