Popular Exhibition

細江英公と土門拳、初の二人展「Dual Visions」が開催

現代アートの「いま」を、展覧会・ニュース・批評で。1948 年創刊の専門誌が編む、アートのためのプラットフォーム。


01 / COLORS

Color Palette

無彩色基調+プレミアムの金が骨格。会員導線(INVITATION / PREMIUM / 有料記事)だけを金 #c2a47e で象徴し、それ以外は #2c2e31 のニアブラックとグレースケールで構成する。

Core / Text
White
#ffffff
背景
Section Tint
#f4f4f4
セクション面
Ink
#2c2e31
基本テキスト
Muted
#707980
メタ情報
Subtle
#979797
最淡テキスト
Brand / Premium
Premium Gold
#c2a47e
会員導線専用
Premium Navy
#16264a
会員ラベル補助
Image Overlay
rgba(0,0,0,.4)
画像暗幕

02 / TYPOGRAPHY — 実測値

Typography

大きな英字ディスプレイ見出しは明朝(ヒラギノ明朝 W6 → 本プレビューは Noto Serif JP)、本文・UI・和文見出しはゴシック(Roboto → Noto Sans JP → Hiragino Sans)。font-feature-settings: normal(palt なし)。ナビは ls 0.15em。

Popular Exhibition
Display (en) — 明朝 W6 32px / 700 / lh 1.0 / ls 0.96px (0.03em)見出し
MAGAZINE
H1(ページ)— ゴシック 24px / 500 / lh 1.5 / ls 3.6px (0.15em)
INVITATION
Eyebrow(金)— ゴシック 16px / 600 / 金 #c2a47e
諏訪敦が見た「アンドリュー・ワイエス」展 — おすすめ記事
H2(記事 L)— ゴシック 20px / 600 / lh 1.5
本文テキスト — 美術手帖は、現代アートの動向を展覧会・ニュース・批評で伝える専門メディアです。紙の編集文化を、Web の高密度なグリッドに翻訳しています。ABCabc 0123
Body — ゴシック 16px / 400 / 読み物 lh 1.5・UI lh 1.2 / ls normal
PREMIUM MAGAZINE ニュース レビュー 展覧会
Nav Item — ゴシック 13–14px / 500 / ls 2.1px (0.15em)
2026.06.30 — 山形県酒田市の土門拳写真美術館で、特別展が開催される。
Meta / Caption — ゴシック 12px / 400 / lh 1.67(#707980)

03 / ARTICLES — 高密度グリッド

News / Report

展覧会・記事を高密度のカードグリッドで並べる。画像上の白文字は暗幕 rgba(0,0,0,0.4) で支え、有料記事は金バッジで示す。UI 行間は 1.2 でタイトに詰める。

PREMIUM
EXHIBITION
奈良美智キュレーション展「地層の胎動」
2026.06.28
PREMIUM
REVIEW
諏訪敦が見た「アンドリュー・ワイエス」展
2026.06.25
NEWS
上海外灘美術館(RAM)で大規模グループ展が開幕
2026.06.22

04 / BUTTONS

Buttons

ピル(radius 9999px)が基本。金地・ニアブラック地・アウトラインの 3 系統。会員導線は金で塗る。

プレミアムプラスで読む
Premium(金地 #c2a47e / pill)
→ プレミアム記事一覧へ
Primary(#2c2e31 地 / radius 22px)
目次を見る
Outline(枠 #2c2e31 / pill)

05 / FORMS

Forms

検索・絞り込みフォーム中心。フォーカスは枠 #2c2e31 +薄いリング。

デフォルト — border: #d8d8d8, radius: 6px
フォーカス — border: #2c2e31 + 薄いリング
エラー — border: #c0392b

06 / ELEVATION

Depth & Elevation

影は控えめ。白地・薄グレー面・区切りと、画像上の暗幕で階層をつくる。影も #2c2e31 ベースにする。

Level 0: Flat
白地と #f4f4f4 で分ける(基本)
Level 1
0 1px 4px rgba(44,46,49,0.08)
Level 2
0 8px 24px rgba(44,46,49,0.14)

07 / LAYOUT — Spacing

Spacing

高密度の多段グリッド。カード間は中程度の gutter(16〜24px)で詰め、情報量を担保する。

8
16
24
40
64
96