Red design systems
Brands and apps whose main color is red, including Airbnb, Raycast and 11st (11번가). The family comes from each file's primary or accent color; open a file to see its full palette.
293 files, page 6 of 7
Files
ZEBRA（ゼブラ）
Japan · Zen Kaku Gothic New
ゼブラ株式会社（https://www.zebra.co.jp/）のデザイン仕様書。 1897 年創業の筆記具メーカー。サラサ・マッキー・マイルドライナー・ブレン・デルガードを擁する。 角丸を持たない。CSS 中の border-radius 宣言は 0 が 23 回で最多、次が 3px（8 回）と 2px（4 回）。ピル（pill）が 1 つも存在しない。押せる面はすべて直角の矩形で、CTA は「白地 ＋ 1px の薄いグレー罫 ＋…
ZOZO（ゾゾ）
Japan · Gothic MB101 DemiBold
ZOZO（https://corp.zozo.com/）のデザイン仕様書。 日本最大級のファッション EC「ZOZOTOWN」を運営するテクノロジー企業。 実サイトの computed style 実測（2026-05-15 取得）に基づく。
エスビー食品（S&B Foods）
Japan · Arial
エスビー食品（S&B Foods）のデザイン仕様書。
カゴメ（Kagome）
Japan · Inter
カゴメ（https://www.kagome.co.jp/）のデザイン仕様書。 日本を代表する食品・飲料メーカー。トマト製品・野菜ジュースを軸に「自然を、おいしく、楽しく。」を掲げる。 実サイトの computed style 実測（2026-05-09 取得）に基づく。
グッドデザイン賞 / 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…
クラシル（kurashiru）
Japan · Segoe UI
クラシル（https://www.kurashiru.com/）のデザイン仕様書。 dely株式会社が運営する日本最大級のレシピ動画プラットフォーム。「料理レシピ動画サービス」として月間利用者数は国内トップクラス。 実サイトの computed style 実測（2026-05-24 取得）に基づく。
コンセント（CONCENT, Inc.）
Japan · MFW-HiraginoUDSansStdN-W3
コンセント（https://www.concentinc.jp/）のデザイン仕様書。 1971 年創業のアレフ・ゼロを源流とし、エディトリアルデザインからサービスデザイン・デザイン経営支援までを手がける東京のデザイン会社。日本におけるサービスデザイン／デザイン経営の実践者として知られ、Service Design Network 日本支部の運営にも関わる。 最大の特徴は、和文に「ヒラギノ UD 角ゴ StdN」を採用し、font-fe…
さくらインターネット（SAKURA internet）
Japan · Noto Sans JP
さくらインターネット（SAKURA internet）のデザイン仕様書。
サクラクレパス（SAKURA）
Japan · Yu Gothic Medium
株式会社サクラクレパス（https://www.craypas.co.jp/）のデザイン仕様書。 1921 年創業。クレパス（1925 年発売、同社の登録商標）、クーピーペンシル、ボールサインを擁する画材・文具メーカー。 白地に赤 1 色 ＋ 画材の色という二層構造。UI の骨格は赤と黒だけで組み、色が要る場所（カテゴリ、ハッシュタグ、メガメニュー）にはクレパスの色箱のように多色を割り当てる。 ⚠️ 赤が 5 種類混在している。#ff…
たねや (Taneya)
Japan · dnp-shuei-gothic-gin-std
たねや (Taneya)のデザイン仕様書。
ツムラ（TSUMURA）
Japan · Noto Sans JP
ツムラ（TSUMURA）のデザイン仕様書。
にんべん（NINBEN）
Japan · ヒラギノ明朝 ProN
にんべん（NINBEN）のデザイン仕様書。
フォントワークス（Monotype 株式会社）
Japan · Tsukushi Mincho
フォントワークス（https://fontworks.co.jp/）のデザイン仕様書。 筑紫書体・UD角ゴ・たづがね角ゴシックを擁する日本の書体メーカー。2026 年に商号を Monotype 株式会社へ変更し、サイト上部に告知バーが立つ（ドメインとプロダクト名「フォントワークス LETS」は継続）。 サイト自体が書体見本である。ページの地は #fafafa、ファーストビューは #d70c19 と #b1000f の紅 2 面で、その…
ぺんてる（Pentel）
Japan · paralucent
ぺんてる（Pentel）のデザイン仕様書。
ミナ ペルホネン (mina perhonen)
Japan · 游明朝
ミナ ペルホネン（https://www.mina-perhonen.jp/）のデザイン仕様書。 2026-05-08 取得の computed style に基づく。
ヤマキ（YAMAKI）
Japan · Noto Sans JP
ヤマキ（YAMAKI）のデザイン仕様書。
ヤンマー（YANMAR）
Japan · Noto Sans JP
ヤンマー（YANMAR）のデザイン仕様書。
よーじや（よーじやグループ）
Japan · Hiragino Sans
よーじやグループ（https://www.yojiya.co.jp/）のデザイン仕様書。 明治 37 年創業、京都のあぶらとり紙で知られる。「みんなが喜ぶ京都にする」をビジョンに掲げるグループのコーポレートサイト。 縦書きが構造として組み込まれている。ヒーローのコピー（61px）だけでなく、セクションラベル（NEWS／お知らせ）と回遊カードの見出し（28.8px）も writing-mode: vertical-rl。このサイトで縦書…
一条工務店（ICHIJO）
Japan · YakuHanJP
一条工務店（ICHIJO）のデザイン仕様書。
一風堂（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…
丸山珈琲（MARUYAMA COFFEE）
Japan · Noto Sans JP
株式会社丸山珈琲（https://www.maruyamacoffee.com/）のデザイン仕様書。 1991 年、長野県軽井沢に創業したスペシャルティコーヒーの焙煎・小売企業。バイヤーが産地に足を運ぶ「ダイレクトトレード」と、カップ・オブ・エクセレンス国際審査員を務める丸山健太郎氏で知られる。 最大の特徴は、ブランド色を純黒ではなく #231815 に置くこと。これは日本の DTP でスミベタに使われる標準値そのもので、印刷物のイン…
京都市京セラ美術館（Kyoto City KYOCERA Museum of Art）
Japan · 中ゴシック BBB
京都市京セラ美術館（https://kyotocity-kyocera.museum/）のデザイン仕様書。 1933 年開館、日本で現存する最古の公立美術館建築。2020 年に青木淳・西澤徹夫の設計でリニューアルオープンした。 最大の特徴は、和文をモリサワの写植由来ゴシック 2 書体だけで組むこと。UI・本文は「中ゴシック BBB」、大見出しは「太ゴ B101」で、この 2 つ以外の書体を一切使わない。欧文専用スタックも持たない。 色…
代官山 蔦屋書店 (Daikanyama T-SITE)
Japan · Noto Sans Japanese
代官山 蔦屋書店（https://store.tsite.jp/daikanyama/）のデザイン仕様書。 2026-05-08 取得の computed style に基づく。
加島屋（KASHIMAYA）
Japan · Noto Serif JP
加島屋（KASHIMAYA）のデザイン仕様書。
印傳屋 上原勇七（INDEN-YA）
Japan · MyYuGothic
印傳屋 上原勇七（INDEN-YA）のデザイン仕様書。
国立新美術館（The National Art Center, Tokyo）
Japan · ヒラギノ角ゴ Pro W3
国立新美術館（https://www.nact.jp/）のデザイン仕様書。 2007 年開館、六本木。黒川紀章設計の波打つガラスカーテンウォールで知られる、コレクションを持たない「アートセンター」型の美術館。シンボルマークは佐藤可士和による「新」の一字で、縦画・横画を切り離した幾何学的な構成が館のアイデンティティになっている。 Web の最大の特徴は、赤 #d7322d と墨 #222222 の二色だけで組む禁欲的な設計と、borde…
国立科学博物館（National Museum of Nature and Science）
Japan · | 本文・注記・フォーム |
国立科学博物館（National Museum of Nature and Science）のデザイン仕様書。
塩野義製薬（SHIONOGI）
Japan · Noto Sans JP
塩野義製薬（SHIONOGI）のデザイン仕様書。
大塚製薬（Otsuka Pharmaceutical）
Japan · TBUDゴシック B に差し替えて作る
大塚製薬（Otsuka Pharmaceutical）のデザイン仕様書。
天童木工（Tendo Mokko）
Japan · Helvetica
天童木工株式会社（https://www.tendo-mokko.co.jp/）のデザイン仕様書。 1940年創業、山形・天童の家具メーカー。柳宗理「バタフライスツール」や 成形合板（Roll Press Wood）の名作家具で知られる、日本のモダンデザインの担い手。 実サイトの computed style 実測（2026-06-24 取得）に基づく。
島津製作所（SHIMADZU）
Japan · Hiragino Kaku Gothic ProN
島津製作所（SHIMADZU）のデザイン仕様書。
日本デザインセンター (Nippon Design Center / NDC)
Japan · custom-acumin-variable
日本デザインセンター（https://www.ndc.co.jp/）のデザイン仕様書。 2026-05-08 取得の computed style と CSS Custom Properties に基づく。
日本民藝館（The Japan Folk Crafts Museum）
Japan · Roboto
日本民藝館（The Japan Folk Crafts Museum）のデザイン仕様書。
日本郵船（NYK LINE）
Japan · Arial
日本郵船（NYK LINE）のデザイン仕様書。
東北新社（TFC / Tohokushinsha Film Corporation）
Japan · Noto Sans JP
東北新社（TFC / Tohokushinsha Film Corporation）のデザイン仕様書。
東洋経済新報社（TOYO KEIZAI）
Japan · Noto Sans JP
東洋経済新報社（TOYO KEIZAI）のデザイン仕様書。
武田薬品工業（Takeda）
Japan · Noto Sans JP
武田薬品工業（Takeda）のデザイン仕様書。
玉川堂（GYOKUSENDO）
Japan · ryo-display-plusn
玉川堂（https://www.gyokusendo.com/）のデザイン仕様書。 1816 年（文化 13 年）創業、新潟県燕市。一枚の銅板を鎚で叩き縮めて器に成形する「鎚起銅器」を 200 年以上つくり続ける工房で、国の無形文化財に指定されている。 最大の特徴は、サイト全体を Morisawa の明朝系ディスプレイ書体「りょう Display PlusN」（ryo-display-plusn）一本で組み、font-feature-…
福光屋（FUKUMITSUYA）
Japan · Ryumin Light KL
株式会社福光屋（https://www.fukumitsuya.co.jp/）のデザイン仕様書。 1625 年（寛永 2 年）創業、金沢に本社を置く石川県で最も古い酒蔵。全量純米蔵として日本酒「加賀鳶」「黒帯」「福正宗」を醸し、酒粕由来の化粧品・発酵食品まで手がける。 最大の特徴は、和文にモリサワの Web フォントを 2 系統使い、明朝（リュウミン）とゴシック（こぶりなゴシック）で役割を厳密に分けること。見出し・情緒は「リュウミン …
船橋屋（FUNABASHIYA）
Japan · YakuHanMP_Noto
船橋屋（FUNABASHIYA）のデザイン仕様書。
誠文堂新光社（SEIBUNDO SHINKOSHA）
Japan · 游ゴシック体
誠文堂新光社（SEIBUNDO SHINKOSHA）のデザイン仕様書。
資生堂 (shiseido.co.jp)
Japan · Inter
資生堂 (shiseido.co.jp)のデザイン仕様書。
野村證券（NOMURA）
Japan · Noto Sans JP
野村證券（NOMURA）のデザイン仕様書。
銀座 伊東屋（ITOYA）
Japan · Open Sans
銀座 伊東屋（https://www.ito-ya.co.jp/）のデザイン仕様書。 1904年創業の老舗文房具専門店。銀座本店を中心に、上質な文房具とライフスタイル雑貨を取り扱う。 実サイトの computed style 実測（2026-05-21 取得）に基づく。
長崎県美術館（Nagasaki Prefectural Art Museum）
Japan · あおとゴシック L
長崎県美術館（Nagasaki Prefectural Art Museum）のデザイン仕様書。
開化堂（かいかどう / Kaikado）
Japan · ヒラギノ明朝 Pro W3
開化堂（https://www.kaikado.jp/japanese/）のデザイン仕様書。 明治8年（1875年）創業、京都の手作り茶筒司。130種以上の工程を手仕事で継ぐ「最高級茶筒司」の公式サイト（WordPress ベース）。 最大の特徴は 明朝体（ヒラギノ明朝 Pro W3）＋極細ウェイト 200、行間 1.9〜2.2 の非常に広い余白、そして色数を 銅の色 #9d805f ただ一色に絞った設計。ボタンは面を持たず「1px …
関西国際空港（KIX / Kansai International Airport）
Japan · notosansjp
関西国際空港（KIX / Kansai International Airport）のデザイン仕様書。