ブランドカラーが存在しない。代わりに6色のカテゴリカラーがあり、展覧会・イベントごとに1色が割り当てられる。CSS 全文での出現回数がほぼ揃っている(12〜15 回)のは、6色が同じ役割の体系として書かれている証拠。
色の指定は CSS 変数を介さず、クラス名が color_ + hex そのもの(.color_039788)。CSS Custom Properties は実サイトに 0 個。
可視テキストの全要素が YakuHanJP, "Noto Sans Japanese", sans-serif(トップ 168/168、下層 108/108)。見出しも本文もナビも同じ1行で組み、太さとサイズだけで階層を作る。
YakuHanJP は unicode-range で約物だけに限定したサブセットフォントで、Google Fonts に無いためこのプレビューでは再現できない。実サイトでは「、。「」()・:;?!」が詰まって出る。font-feature-settings の宣言は CSS 全文で 0 件=palt は使っていない。
CSS は @font-face を 100 / 200 / 300 / 400 / 500 / 700 / 900 の7本宣言しているが、document.fonts に載るのは 100 / 200 / 400 / 700 の4本だけ。CSS が当てている 500(実測 37 要素)と 900(実測 4 要素)は、指定どおりの太さで出ていない可能性が高い。
読み込まれるウェイトはページごとに違う。トップは 100 が loaded / 200 が unloaded、下層はその逆。ページに現れた字形しか読み込まれない。
実測で border-radius は 3 種しかなく、box-shadow はトップの 1 要素のみ。面の区別は #f5f5f5 と #ffffff の差でつける。
コンテナは max-width: 950px 固定(CSS 全文で 11 回)。メディアクエリがすべて print, screen and (...) で書かれていて、展覧会情報を印刷する前提になっている。
| Name | Query | CSS 出現 |
|---|---|---|
| Mobile | screen and (max-width: 600px) | 3 回 |
| Tablet | print, screen and (min-width: 601px) and (max-width: 949px) | 3 回 |
| Desktop (S) | print, screen and (min-width: 950px) and (max-width: 1023px) | 1 回 |
| Desktop (M) | print, screen and (min-width: 1024px) and (max-width: 1279px) | 1 回 |
| Desktop (L) | print, screen and (min-width: 1280px) | 1 回 |
ルートの font-size は流体。 1440px で 10px、834px で 8px、375px で 4.99999px まで縮む。rem を px に読み替えて固定しないこと。グローバルナビは 375px で 16px / 500 / letter-spacing 3.2px と、サイズも太さも変わる(字間は .2em のまま)。
| 画面幅 | html の font-size | body の font-size |
|---|---|---|
| 1440px | 10px | 10px |
| 1200px | 10px | 10px |
| 834px | 8px | 8px |
| 375px | 4.99999px | 4.99999px |