PROGRAM

デザインを通じて、日常の発見を共有する。

21_21 DESIGN SIGHT のデザインシステム。Noto Sans Japanese 単独で和文・欧文を組み、見出しは weight 600 / 本文は 400 の二段階で構成。シアンブルー #0090df をリンク色・h4 見出し・主要 CTA に大胆に使い、letter-spacing は normal、palt は使わず Noto Sans のメトリクスをそのまま活かす美術館的編集 UI。computed style 実測値(2026-05-08 取得)に基づく。

展覧会一覧を見る
Palette カラーパレット
Brand
21_21 Cyan Blue
#0090df
リンク・h4 見出し・CTA 線色
Page White
#ffffff
ページ背景
Text Black
#000000
強調見出し
Accent
NEW Orange
#ff9900
展覧会 NEW バッジ専用
Surface / Text
Light Gray
#f3f3f3
カテゴリ帯・ローディング
Mid Gray
#cccccc
罫線・区切り
Text Body
#333333
本文(純黒ではない)

Typography タイポグラフィ階層
展覧会タイトル / ヒーロー見出し
32px / 600 / line-height 1.4 / color #000ヒーロー h1
ご利用案内 / 開館時間と料金
16px / 600 / line-height 24px / color #0090dfh4 サイドバー見出し
21_21 DESIGN SIGHT
16px / 600 / line-height 1.0 / color #0090dfh3 ロゴテキスト
本文小見出し / Section subheading
14px / 600 / line-height 1.0 / color #000h3 reg 本文小見出し
本文テキスト / 21_21 DESIGN SIGHT は、東京都港区赤坂9-7-6 東京ミッドタウン ミッドタウン・ガーデン内に位置するデザインミュージアムです。三宅一生・佐藤卓・深澤直人を館長に、日常生活からデザインを発見・発信する場として 2007 年に開館。Noto Sans Japanese 単独で組まれた本文は letter-spacing normal、palt を使わない自然な約物処理が特徴です。
14px / 400 / line-height 24px (1.71) / color #333 / letter-spacing normal本文 p reg
注釈 / *ギャラリー3はプログラムによって異なります。詳細は各展覧会ページをご覧ください。
12px / 400 / line-height 20px / color #333注釈 p sml
JPN ENG CHN 来館する NEW
UI: 円形ピル radius 50% / 線ボタン 2px solid #0090df radius 5px / NEW バッジ #ff9900UI セット
Programs / 開催中の展覧会 プログラム
ALL 企画展 ギャラリー3 トーク ワークショップ
過去の展覧会一覧

Badges & Pills バッジ・ピル要素
JPN ENG CHN NEW 企画展 トーク
円形ピル radius 50%(言語切替)/ 矩形 NEW バッジ #ff9900(展覧会限定)/ シアンブルー塗り・線バッジ #0090df

Forms フォーム要素
デフォルト — border 1px solid #cccccc / radius 5px
フォーカス — border 2px solid #0090df

Spacing スペーシング
XS · 4px
S · 8px
M · 16px
L · 24px
XL · 48px
XXL · 80px