本文は純黒 #000000(可視 247 要素)。導線はすべてオレンジ #e46a00(文字 24 / 面 2 要素)。
シアン #04a7c4 はヘッダー右上の2つのピル専用、紺 #001e46 は支援セクション専用で、
どちらも他の場所に出てこない。
点線は linear-gradient(to right, #707070, #707070 2px, transparent 2px, transparent 4px) を
background-size: 4px 1px / repeat-x で敷く。2px の点 + 2px の空きで、ブラウザ差の出ない均一な線になる。
このサイトは Web フォントを 1 つも読み込まない。document.fonts に載るのは Swiper のアイコンフォント(unloaded)だけ。
letter-spacing は可視 300 要素中 298 要素が normal、font-feature-settings は全要素 normal。
和文組版に一切手を入れないのがこのサイトの仕様。
| 位置 | 名前 | 当たる環境 |
|---|---|---|
| 1–2 | 游ゴシック体 / YuGothic | macOS(Regular) |
| 3–4 | "游ゴシック Medium" / "Yu Gothic Medium" | Windows(Regular が細すぎるのを回避) |
| 5–6 | 游ゴシック / "Yu Gothic" | Windows の保険 |
| 7–8 | "ヒラギノ角ゴ Pro W3" / "Hiragino Kaku Gothic Pro" | 游ゴシック非搭載の macOS |
| 9–12 | Osaka / メイリオ / Meiryo / "MS Pゴシック" | 旧 Windows(現行ではまず到達しない) |
@font-face を書かずに Windows の游ゴシック問題を回避する4つ目の流儀
(SmartHR の別名 AdjustedYuGothic、白鶴酒造の MyYuGothicM、カリモク家具の Yu Gothic 上書きに続く)。
CSS が 1 行で済む代わりに、macOS は Regular・Windows は Medium で太さが揃わない。
「和文だから字間を開ける」という一般則をこのサイトに持ち込まないこと。 ウェイトも 400 と 700 の2値だけ(可視 95 要素中 700 が 50、400 が 45)。500 / 600 を使わない。
日付表記は 2026.07.18[土] のように全角の白抜き角括弧で曜日を囲む。
期間の区切りと展覧会名の区切りには ─(U+2500 罫線素片)を使う。
建築家とアーティストが、ひとつの空間をめぐって応答を重ねる。 「ほぼ、空」という題のとおり、置かれるものより置かれない余白のほうが多い展示になります。
オンラインチケット
塗りボタンにも面色と同じ色の 2px 枠を併せて指定する(ホバーで反転させるための実装)。
角丸が付くのはピル(12px / 25px)と会場バッジ(6px)だけで、可視 300 要素のうち 290 要素が border-radius: 0。
既定・フォーカス・エラーの3状態。ボタンと同じく枠の太さで状態を示す。
可視 300 要素のうち 299 要素が box-shadow: none。階層は 2px のオレンジ枠、点線の罫、
#f7f7f7 の面、黒帯 #272727 と紺帯 #001e46 で表す。
| ブレークポイント | 出現 | 位置づけ |
|---|---|---|
| (min-width: 835px) | 30 | 主ブレークポイント(PC 表示の開始) |
| (min-width: 768px) | 26 | タブレット |
| not all and (min-width: 835px) | 25 | 835px 未満(スマホ)専用の打ち消し |
| not all and (min-width: 1080px) | 8 | 1080px 未満 |
| screen and (min-width: 1025px) and (max-width: 1100px) | 4 | コンテナ幅の調整帯 |
| screen and (max-width: 640px) | 3 | 小型スマホ |
PC / スマホの境界は 835px。768px でも 1024px でもない点に注意。
なお実サイトのボタン高さは padding ではなく line-height(31px / 34px / 70px)で作られている。
line-height: 31px のピルは 44px に届かないので、新規実装では padding でタッチターゲットを確保すること。