JP / EN
名園の時間。名画の時間。
Time for Great Gardens. Time for Great Art.
チケットの購入
01 / COLORS
Colors

彩度の高いブランド色を持たない

基調は墨と和紙。金茶と緑が差し色として少量入るだけで、面を彩度で塗ることはしない。 金茶は帯・文字・面で 3 値に分かれているのが実装の実態で、1 色に丸めない。

墨 / Text Primary
#121212
本文・見出し・ナビ。可視 108 要素。純黒ではない
Dark Fill
#3b3a36
縦タブ・丸数字・フッター。わずかに緑みのある黒
Text Secondary
#3f3f3f
日付・補足文。可視 60 要素。Noto Sans JP とセット
金茶(帯)
#69592a
カードのラベル帯。左端を透明にして写真へ溶かす
金茶(リンク)
#907b3d
「詳細はこちら」のリンク文字
緑(実績)
#007746
「23年連続日本一」バッジ専用。他に緑は出ない
Tag Fill
#5c5a56
「庭園」「ご案内」のカテゴリタグ
Utility Button
#e9e9e9
ヘッダーのボタン面。罫線は #dcdcdc
Border Warm
#e1ded7
実績バッジの枠。温かみのあるグレー
Background
#ffffff
★ページ背景は白。ヘッダーだけ和紙テクスチャ画像

抽出結果の pageBackground.resolved(rgb(59,58,54) / rgb(0,0,0))はページ背景ではない。 どちらも上部ビューポートを覆う全画面の庭園映像を拾った値で、コンテンツ領域の地色は白。ここを取り違えると全体を暗く作ってしまう。

Typography

明朝は weight 600、字間は px で 3 段

しっぽり明朝の 400 は細いため、本文・小見出しは 600 が既定。400 を使うのは 22px 以上の見出しと惹句だけ。 字間は normal(118 要素)/ 1px(99 要素)/ 2px / 4px の 3 段で、 px の絶対値で宣言されている。

Display(欧文)Libre Baskerville 80px / 400
letter-spacing 4px
Gardens
Hero CopyShippori Mincho 40px / 400
letter-spacing 4px
名園の時間。名画の時間。
Section Heading(欧文)Libre Baskerville 26px / 400
line-height 1.00 / ls 1px
Topics
Exhibition TitleShippori Mincho 22px / 400
line-height 1.40 / ls 2px
侍 ― 日本画の革新に挑んだ7人 ―
Heading 3Shippori Mincho 20px / 600
ls normal
足立美術館の庭園
BodyShippori Mincho 14px / 600
line-height 2.00 / ls normal
花々が咲き誇る春、緑鮮やかな夏、紅葉が彩りを添える秋、そして雪化粧の冬。五万坪の庭園は、四季それぞれに異なる絵をつくります。
Caption / 補足Noto Sans JP 14px / 400
line-height 2.00 / ls 1px / #3f3f3f
館長自ら撮影したベストショット。過去のお気に入りの一枚を、撮影日とともに紹介します。
TagNoto Sans JP 10px / 400
ls 1px / 面 #5c5a56
庭園 ご案内
縦組みwriting-mode: vertical-rl
14px / ls 1px(実測 1 要素のみ)
チケットの購入

letter-spacing を em に読み替えない。4px は 40px の惹句では 0.1em、80px の Display では 0.05em にあたる。px のまま宣言すること。
Shippori Mincho の 500 は宣言されているが unloaded。使えるのは 400 / 600 / 700 の 3 段。

03 / EXHIBITION
Exhibitions

写真に重ねる帯は片側を透かす

ラベル帯は linear-gradient(90deg, transparent 0%, #69592a 47%, #69592a 100%)。単色の帯で代用すると印象が変わる。

開催中
秋季特別展
会期:2026年8月31日(月)~11月30日(月)
展覧会
予 告
現代日本画名品選Ⅱ
会期:2026年6月26日(金)~10月19日(月)
コレクション
予 告
冬季特別展
会期:2026年12月1日(火)~2027年2月28日(日)
展覧会
Gardens

本文は明朝 600・行間 2.0

足立美術館の庭園

枯山水庭、白砂青松庭、苔庭、池庭。窓枠がそのまま額縁になるよう、建物の側から庭を設計しています。 借景の山までを含めて一枚の絵として保つため、庭師は毎朝、松の一葉から手を入れます。

2026.08.25 / 日本庭園が米誌ランキングで「23年連続日本一」に選ばれました
23 ミシュラングリーンガイドジャポン
三つ星/庭園ランキング 23年連続日本一
05 / BUTTONS
Buttons

角丸ゼロ・罫線 1px

12

角丸を持つのは /gardens の丸数字(50%)だけ。ボタン・タグ・バッジはすべて border-radius: 0。 写真の上に置くボタンだけ rgba(255,255,255,0.5) の半透明にする。

Forms

入力欄も明朝・角丸ゼロ

団体でのご来館は 20 名さまから承ります
メールアドレスの形式が正しくありません
07 / ELEVATION
Elevation

影も角丸も 0 件

奥行きは写真と地色の明度差だけで表す。WordPress 既定の --wp--preset--shadow--* は 1 ヶ所も使われていない。

Level 0 — 罫線 1px
#e1ded7(温かいグレー)
Utility Fill
#e9e9e9
Dark Fill
#3b3a36 / 文字 #d6d6d6
Layout

コンテナは 1280px と 1000px の 2 段

Hero — ビューポート全面(1440 × 900 実測)
Wide section — max-width 1280px
Article — max-width 1000px