当サイトはお客様の利便性の向上等のため、Cookie を使用しております。詳しくはプライバシーポリシーをご確認ください。
同意する色は実質 2 色。墨 #222222 がテキストとヘッダー黒帯を兼ね、朱赤 #d7322d が唯一のアクセントとして検索ボタンとアクティブ状態にだけ現れる。面は #eeeeee、罫は #cccccc。純黒 #000000 は使わない。
和文は「ヒラギノ角ゴ Pro W3 → Noto Sans JP」(ProN ではなく Pro)。UI 欧文だけ Roboto。行間 1.7 が見出しにも本文にも一律で効き、letter-spacing と font-feature-settings はともに normal。ウェイトは 400 / 700 の二極。
逆円錐(コーン)の上にレストランが載っている——館内でいちばん写真を撮られている場所は、たぶんここです。展示室でも、ロビーでもなく、天井の高いガラスの内側にそびえる 2 つの巨大な円錐。
黒川紀章が設計したカーテンウォールは、朝と夕方で表情がまったく違います。晴れた日の午前は外の緑が映り込み、日が傾くとガラス自体が発光しているように見える。建築を見にくるだけでも十分に価値がある、と言われるゆえんです。
休館日には、展示室の照明を落として次の展覧会の設営が進んでいます。展覧会・イベントをもっと見る。
赤ソリッド(radius 5px)/グレーアウトライン(radius 8px)/赤のテキストボタン/赤の太枠クローズ。右パディングが広いのはアイコン用の余白。タグは border-radius: 5px 0 の左右非対称角丸で、単純な角丸やピルに置き換えないこと。
カードは border-radius: 20px 0 の非対称角丸。padding 16px、タイトル 16px / lh 1.7、日付は 14.4px の #666666。
デフォルト / フォーカス / エラーの3状態。radius 5px、フォーカスとエラーはともに #d7322d。ブランド色と警告色が同一のため、エラーは文言でも明示する。入力欄は 16px を下回らない。
サイト本体は実質フラット。奥行きは白 × 薄グレー #eeeeee × 黒帯 #222222 の面の差と 1px の罫で表現し、影を足すより非対称角丸で領域を切る。
16px 基準の rem 刻み。3.2 / 8 / 16 / 24 / 40 / 64px。コンテナは最大 1400px、サイドナビ列は 192px。