愛知県美術館では、20世紀初頭から現代までの国内外の美術作品を収集しています。クリムト《人生は戦いなり(黄金の騎士)》をはじめとする代表的な所蔵品は、年に数回のコレクション展で順次公開されます。
所蔵作品の画像利用をご希望の方は、プレスルームの「所蔵作品画像利用方法」をご確認のうえ、所定の手続きをお願いいたします。
所蔵作品画像利用方法→ブランド色は #009FE8 だけ。面の切り替えは #FAF9ED(ヒーロー)、#F6F5F1(お知らせ)、#E8F2F5(イベント)という 3 つの地色で行う。CSS Custom Properties は 56 個すべて自社トークンで、プラットフォーム由来はゼロ。
赤(#FF2800)はトークンに宣言があるが、DOM 全走査で可視 0 要素。カレンダー用の --sun-color / --sat-color も同様。「宣言されている = 使ってよい」ではない。
このサイトの組版はこの 1 宣言がすべて。palt / letter-spacing: 0.05em / line-height: 2.2 / line-break: strict を body に 1 回だけ書き、子要素では原則上書きしない。結果、palt が可視 337 要素、字間 0.8px が 113 要素中 90 要素、行間比 2.20 が 48 要素に効いている。
letter-spacing: 0.05em は body の 16px で 0.8px という絶対値になり、サイズの違う子にもそのまま降りる。一方 line-height: 2.2 は単位なしなので各要素が自分のサイズで再計算する。同じ 1 行に書いてあるのに、継承のしかたが正反対。
Web フォントは Noto Sans JP の可変フォント(100 900)1 本だけ。Google Fonts から配信され、実測でフォントファイル要求 45 件(日本語サブセット分割)。明朝体もブランド欧文も持たず、英語のサブタイトルも日付も Noto Sans JP の欧文グリフで組む。
font-feature-settings に出てくる "liga"(11 要素)は Material Symbols のリガチャで、和文組版とは無関係。
トークンには 10px / 6px / 3px の 3 段があるが、実装に出ているのは枠線 CTA の 3px だけ。タグもカードもヒーローも border-radius: 0。
タグの行間は line-height: 16px 固定(16px の文字で比率 1.00、14px で 1.14)。帯の高さを文字サイズで決めている。
input / select はフォント継承が効かないので、font-family / letter-spacing / font-feature-settings を明示的に当て直す。body の 1 行だけでは入力欄まで届かない。
--post-* という 20 個のトークンが CMS 記事のタイポグラフィを別建てで持っている。字間(0.05em)と palt は body と同じだが、行間だけ 2.2 → 1.7 に落ちる。サイト UI の 2.2 をそのまま記事に当てないこと。
愛知県美術館では、20世紀初頭から現代までの国内外の美術作品を収集しています。クリムト《人生は戦いなり(黄金の騎士)》をはじめとする代表的な所蔵品は、年に数回のコレクション展で順次公開されます。
所蔵作品の画像利用をご希望の方は、プレスルームの「所蔵作品画像利用方法」をご確認のうえ、所定の手続きをお願いいたします。
所蔵作品画像利用方法→記事本文のボタンは --post-button-* の指定どおり 左寄せ・両端揃え・角丸 0・枠線 1px solid #707070・右だけ 52px のアキ(アイコン分)。
サイト本体の box-shadow は メガメニューの 1 要素だけ。カード・ボタン・タグはすべてフラットで、面の区別は地色の塗り分けで行う。
抽出でもう 1 つ検出される rgba(0,0,0,0.3) 0 4px 12px は Cookie 同意バー(CMP)のもので、サイト本体の語彙ではない。
実測で最多の幅は 1232px(5 要素)。全幅寄りのブロックは 1338px / 1306px / 1296px、下層の読み物は 700px。グリッドの gap は 16px が最多で、カード列は 30px、行 16 / 列 32 の組み合わせも使う。
文字サイズはブレークポイントをまたいで固定。1440 / 1200 / 834 / 375px の 4 幅で測って、html も body も 16px / lh 35.2px / ls 0.8px のまま動かなかった。流体タイポグラフィ(vw / clamp)は使っていない。