本日は開館日です 開館時間 10:00-18:00 Language ▾
MOTMUSEUM OF CONTEMPORARY ART TOKYO
展覧会

開催中・これからの展覧会

開催中

はじめて、びじゅつ ― MOT コレクション

2026年4月28日(火)― 8月16日(日)
01 — COLORS

カラーパレット

地は白、文字は純黒。恒常的な有彩色はリンクブルー #356eb0 だけで、残りはグレー 4 段とクリーム 2 段の面色。色は展覧会のキービジュアルが持ち込むため、UI 側は意図的に彩度を抑えている。

Ink
#000000
文字・ステータスチップ・ボタン面
MOT Blue
#356eb0
リンク・サブ見出し(唯一の有彩色)
Cream
#f9ede0
「MOTからのお知らせ」帯
Cream Light
#fcf6ef
これまでの展覧会ブロック
Gray 100
#f1f1f1
開館ステータスバー
Gray 200
#eeeff0
コレクション展示・ページ上部へ戻る
Gray 300
#dddddd
ページ見出し帯・罫
Gray 400
#cccccc
区切り・非活性・入力欄の枠
Background
#ffffff
ページ地色・ヘッダー・ナビ
Overlay
rgba(0,0,0,.75)
ナビゲーションモーダルの暗幕

02 — TYPOGRAPHY

タイポグラフィ

和文見出しは Tazugane Gothic StdN Bold、欧文は Graphik。line-height はグローバルに 1.15 で、実測値がすべて基準サイズ ×1.15 で揃う。letter-spacing は全域 normal。見出し・ナビだけ "lnum","palt" を効かせ、本文は normal に戻す。

イベント
Section Display · Tazugane Bold · 48px · weight 600 · lh 1.15 (55.2px) · ls normal · "lnum","palt"
開催中・これからの展覧会
Page Title · Tazugane Bold · 44px · weight 600 · lh 1.15 (50.6px) · "lnum","palt"
施設案内
Heading 2 · Tazugane Bold · 32px · weight 600 · lh 1.15 (36.8px) · "lnum","palt"
多田美波 ― 光、凛とゆれる
Exhibition Title · Tazugane Bold · 28px · weight 600 · lh 1.15 (32.2px) · "lnum","palt"
ガイドスタッフによるギャラリートーク
Sub Heading · Tazugane Bold · 20px · weight 600 · lh 1.15 (23px) · #356eb0
来館のご案内
Nav Item · Tazugane Bold · 18px · weight 600 · lh 1.15 (20.7px) · "lnum","palt"
本文(既定)— 東京都現代美術館は、現代美術の展示と収集を通じて、いまの表現に出会う場をひらいています。
Body · Graphik + 游ゴシック/Noto Sans JP · 16px · weight 400 · lh 1.15 (18.4px) · ffs normal
2026年5月16日(土)~8月16日(日)
Label / Date · 14px · weight 600 · lh 1.15 (16.1px) · ffs normal(見出し側では "lnum" で数字の高さを揃える)
メニュー
Menu Caption · Tazugane Bold · 12px · weight 700 · lh 1.15 (13.8px)
長文の比較 — 本展は、当館のコレクションから初めて美術にふれる人に向けた作品を選び、見ることそのものを主題にした展覧会です。原典の line-height 1.15 は短いラベルと 1〜2 行の見出しに最適化された値であり、3 行以上続く日本語本文には 1.7〜1.9 を使うこと。
Body (長文) · 16px · lh 1.8 — 原典の 1.15 を長文に流用しないための比較サンプル

03 — ARTICLE

組版サンプル

はじめて、びじゅつ

MOT コレクション / 2026年4月28日(火)― 8月16日(日)

展覧会について

美術館に来たことがない人、来たけれどよくわからなかった人へ。本展は、当館の収蔵作品のなかから「見ること」そのものを楽しめる作品を選び、絵画・彫刻・写真・映像といったジャンルを横断して構成します。

作品には、材料や大きさ、つくられた年といった情報のほかに、どこを見ればいいのかという手がかりを添えました。展示室の途中には、座って眺められる場所も用意しています。開館時間・観覧料はこちら

関連イベント

会期中の毎週土曜日、ガイドスタッフによるギャラリートークを行います。申込は不要で、当日展示室にお集まりください。所要時間は約 45 分です。


04 — BUTTONS & LABELS

ボタンとラベル

主要 CTA は黒ソリッド・角丸 5px。ステータスラベルは黒ベタ・角丸 0、イベント種別ラベルは白地+黒 1px アウトライン・角丸 5px と、形で意味を分ける。一覧リンクはボタン化せず、ブルーの文字リンクを行として並べる。

MOT について詳しくみる お知らせ一覧をみる 開催中 開催予定 コレクション展示 ギャラリートーク ギャラリークルーズ お知らせ 募集

05 — CARDS

展覧会カード

画像 → 黒ベタのステータスチップ → タイトル → 会期の順に積む。角丸は 0px で、画像も角を落とさない。影は使わない。

開催中
はじめて、びじゅつ
2026年4月28日(火)― 8月16日(日)
開催予定
サマーナイトミュージアム
2026年8月7日(金)・8月14日(金)
開催中
多田美波 ― 光、凛とゆれる
2026年5月16日(土)― 8月16日(日)
コレクション展示
MOT コレクション
通年(展示替えあり)

06 — FORMS

フォーム

デフォルト / フォーカス / エラーの3状態。角丸 0px、枠は #cccccc、フォーカスは純黒。エラーは面ではなく文字と 1px 罫で示し、無彩色の基調を壊さない。

正しい電話番号を入力してください。
送信する

07 — ELEVATION

奥行き

実測ではほぼ全要素が box-shadow: none。奥行きは「白 → 薄グレー → グレー → 黒」の 4 段の面で表現する。例外はナビゲーションモーダルの黒 75% オーバーレイのみ。

Level 0
#ffffff(既定・罫線のみ)
Level 1
#eeeff0(面色差で分離)
Level 2
#dddddd(ページ見出し帯)
Level 3
#000000(チップ・ボタン)
Modal · rgba(0,0,0,0.75) の全画面オーバーレイ。影ではなく暗幕で階層を作る

08 — LAYOUT

スペーシング

4 / 8 / 16 / 24 / 40 / 64px。実測のパディングは 8px・10px・20px・24px・40px に集中する。コンテナは概ね 1200px、展覧会ギャラリーのみ全幅ブリード。

XS 4
S 8
M 16
L 24
XL 40
XXL 64