NAKANOSHIMA
MUSEUM OF ART,
OSAKA
チケット購入 オンラインストア
Colors
01 — 有彩色ゼロ。白と黒、そして 1px のグレーだけ
Base
Background
#ffffff
Ink（純黒）
#000000
Neutral
Border Gray（主役の罫）
#808080
Surface（検索パネル）
#ededed
Surface Light（言語切替）
#f7f7f7
Divider
#cecece
Text Muted
#4d4d4d

アクセントカラーが存在しない。強調は「黒地に白文字」で行う。 展覧会ごとの色はポスター画像の中だけで表現し、UI には持ち込まない。

Typography
02 — 専用書体1本 / font-weight 500 固定 / line-height 2.0 / 全要素 justify
Site Title
28px / 500 / 2.0 / 0
大阪中之島美術館
Section Head
21px / 500 / 2.0 / 0
協賛企業
Section Title
20px / 500 / 2.0 / 0.06em
展覧会
Sub Section
18px / 500 / 2.0 / 0.06em
コレクションを見る
Lead
16px / 500 / 2.0 / 0
近代・現代の美術とデザインを、大阪という都市の記憶とともに。
Card Title
16px / 500 / 1.75 / 0
スイス絵画の異才　カール・ヴァルザー
Base（body）
14px / 500 / 2.0 / normal
開館は2022年2月。黒い直方体の中央に「パッサージュ」と呼ばれる吹き抜けが貫き、 来館者は建物を通り抜けながら展示室へ上がっていきます。収蔵品は約6,000点。
Nav
15px / 500 / 2.0 / 0
コレクション
Utility
12px / 500 / 2.0 / 0.07em
メンバーシップ
Button Label
12px / 500 / 1.0 / 0
チケット購入
Micro
9px / 500 / 2.0 / 0
JP
太さは「ウェイト」ではなく「書体」で切り替える

font-weight は全要素 500 のまま固定します。
NakanoshimaFont-T — 極細（大見出し・数字）
NakanoshimaFont — 既定（本文・見出し・ナビ）
NakanoshimaFont-M — 中太（強調・小見出し）

全要素に効く組版指定

text-align: justify ／ line-break: strict ／ word-break: break-word。
段落だけでなく見出し・ナビ・リンクまで両端揃えになります。 「ゃゅょっー」などの小書き仮名・長音符が行頭に来ないよう、禁則は厳格モードで効かせます。 約物の詰めは palt ではなく YakuHanJPs（約物半角サブセット）が担当します ——「これ（この括弧）や、この読点。」のアキを詰めるためだけの専用書体です。

Exhibition
03 — 展覧会ページの組版。960px の版面に行送り 2.0
2026年7月18日［土］— 2026年10月12日［月・祝］／ 4階展示室

スイス絵画の異才　カール・ヴァルザー

19世紀末のバーゼルに生まれ、舞台美術家として、また壁画家として活動したカール・ヴァルザー。 弟の作家ローベルト・ヴァルザーとともにベルリンの前衛の只中にありながら、 その絵は一貫して静けさを保っていました。日本初の回顧展となる本展では、 油彩・素描・舞台衣裳のデザイン画あわせて約120点を展示します。

展覧会の構成

第1章では、装飾と平面性への関心が芽生えた初期の仕事を紹介します。 第2章は舞台の仕事——マックス・ラインハルトとの協働で描かれた背景画の下絵。 第3章は1908年の日本旅行の記録です。

チケット購入 MORE
Buttons
04 — 主要CTA も枠線。塗りはステータスバッジだけ
Outline（標準CTA）
チケット購入 オンラインストア MORE

transparent / 1px solid #808080 / border-radius 0 / padding 10px 26px 7px 10px（右に外部リンクアイコンが入るため右だけ厚く、上下も非対称）/ 12px / line-height 1。

Filled（ステータスバッジ — 唯一の塗り）
開催中 開催予定 終了

#000000 / #ffffff / border-radius 0 / padding 7px 8px 4px / 12px / line-height 1。 色や面積で導線の優劣をつけない設計なので、塗りはこのバッジだけに留めます。

Cards & Calendar
05 — カードは影なし枠なし。円が出るのはカレンダーだけ
poster
開催中

スイス絵画の異才　カール・ヴァルザー

2026年7月18日［土］— 10月12日［月・祝］

poster
開催予定

大阪の日本画　1920—1940

2026年11月1日［土］— 2027年1月18日［日］

開館カレンダー（サイト内で唯一 border-radius が効く場所）
2026 08 August
日
月
火
水
木
金
土
01 02 03 04 05 06 07 08 09 10 11 12 13 14

日付セルは border-radius 100% の円。イベント日は黒い円に白文字、休館日は #cecece。 矩形の角丸は0のまま、円だけを許す。

Forms
06 — デフォルト / フォーカス / エラー。角丸ゼロ、色で区別しない
全角でご入力ください
フォーカス時は罫が #000000 に変わる
エラーも赤にしない。面色 #ededed で示す
サイト内検索パネル

検索範囲（複数選択可）

サイト内全検索 コレクション検索 展覧会検索
Elevation
07 — box-shadow は CSS 全体で0件
1px の罫線 #808080 の 1px でセクション・カード・リストを分ける。
面色 #ededed / #f7f7f7 で検索パネルや言語切替を沈める。
黒ベタ 唯一「浮いて見える」要素。影ではなくコントラストで成立させる。
Layout
08 — 標準コンテナ 960px。1カラム中央寄せ
1267px — ヘッダー内側
960px — 標準コンテナ
892px — カード列
Spacing Scale
5
10
20
40
80

ブレークポイントは 767px（モバイル主境界）／ 959px ／ 1069px ／ 1070–1260px（ナビを詰める中間帯）／ 1600px（ヒーロー拡大）。 モバイルでも text-align: justify と line-height 2.0 は維持します。