ヒーロー · ヒーローセクション
美術館展覧会ポスター風のヒーロー
国立美術館の特別展ポスターを再構築したヒーローセクション。明朝大型タイトル・赤の差し色・許可印・バーコードまで作り込み、「文化的権威」と「会期限定の希少性」を同時に演出する尖った設計。
プレビュー
概要
美術館の特別展ポスターは、独特の「格」を持っています。大きな明朝体のタイトル、節度ある赤の差し色、会期と会場の端正な組版——これらは長い時間をかけて「文化的に価値あるものを告知する様式」として社会に刷り込まれてきました。このヒーローは、その刷り込みをそのまま借用します。
権威は「様式」から借りられる
訪問者は、サイトの中身を吟味する前に、まず見た目から「これはどの種類のものか」を瞬時に判断します。SaaSの量産ヒーロー——グラデーション、丸み、やわらかい影——を見れば「よくあるWebサービス」と分類する。一方、美術館ポスターの様式を見れば、脳は反射的に「文化的に吟味された対象」という棚にそれを置きます。明朝の大型タイトルと禁欲的なレイアウトは、内容を読む前から信頼の下地を作るのです。
会期がもたらす希少性
「2026.04.26 — 07.20」という会期表示には、料金表やCTAにはない力があります。それは時間に締め切りを設定する。人は「いつでも手に入るもの」を後回しにし、「期間限定のもの」に今すぐ反応します。展覧会というメタファは、この希少性の感覚をごく自然に——押し売り感なく——画面に持ち込めます。
仕上げの判断軸
明朝体は Noto Serif JP か Hiragino Mincho ProN を起点に、字間を詰めすぎないこと。赤の差し色は1〜2箇所の「効かせどころ」に限定し、多用すると端正さが崩れます。朱印・バーコードといった触覚的な細部は、本物らしさを支える一方で過剰だと演出過多に転ぶため、1画面に1〜2点。文化施設・ギャラリー・高級ブランドの「展覧会型」プロモーションでこそ、この格が活きます。
使いどころ
- 美術館・博物館の特別展ランディングページ
- ギャラリー・アートイベントの告知サイト
- 文化施設・劇場・ホールの公演紹介
- 高級ブランドの「展覧会型」プロモーションLP
- 書籍・出版の刊行記念イベント
このデザインの分類
- カテゴリ
- ヒーロー
- スタイル
- エディトリアル / モノクロ / ミニマル / エレガント / ラグジュアリー
背景と狙いどころ
AIへの指示文
国立現代美術館の特別展ポスターを再構築したヒーローセクションを作ってください。 要件: - 配色: 紙地 #efe9dc + 墨色 #14110d + 朱赤 #c8201a + 古金 #b78b3a。 - 全画面に薄いノイズドット（radial-gradient）を mix-blend-mode: multiply で重ねる。 - 上部メタストリップ: 美術館名（左）/ ギャラリー番号（中央・赤丸付き）/ 展示番号（モノスペース、右）。3px太線で囲う。 - 4隅にL字型の装飾コーナー（border のみ、56px）。 - メインは2カラム: - 左: SPECIAL EXHIBITION バッジ（赤、letter-spacing 強）/ 巨大な明朝タイトル3行（行間0.92、最大112px）/ ローマ字サブ（letter-spacing 0.5em）/ CTAボタン2個（黒×紙、矢印付） - 右: 縦長フレーム（aspect 3:4、白背景に方眼）にSVGの抽象建築コンポジション（円・四角・対角線・赤マーカー）+ 朱印スタンプ（rotate -12deg、円形、丸ゴシック）+ 仕様DL（会期/休館日/料金/会場、grid 80px 1fr）。 - 下部フッターバー: 主催 / 監修 / 共催 / バーコード（CSS repeating-linear-gradient で描画）+ JANコード番号風。 - フォント: タイトルは Hiragino Mincho ProN / Yu Mincho、メタは Helvetica Neue、番号は JetBrains Mono。 - JS不要、フルレスポンシブ（モバイルは1カラム）。
バリエーション
西洋美術館版
タイトルを欧文（Bodoni / Didone系のセリフ）にして、印章を Latin "APPROVED" に変更。 会期表記を欧文形式（APRIL 26 — JULY 20, 2026）に。
モダンアート展版
フレーム内SVGを Mondrian 風（赤・青・黄の矩形）に差し替え。 差し色を黒のみに絞ってシャープに。
よくある質問
明朝体の選び方は？
朱印は画像で作る？
会期表記が長くて崩れる
関連するデザイン
バウハウス様式・幾何構成の原色ヒーロー
1919年バウハウス・ロシア構成主義を引用した、原色×幾何形×グロテスクサンセリフのヒーロー。20世紀モダンデザインの古典をWebに再構築する、教養と前衛が同居する尖った設計。
装飾を拒むブルータリズムのヒーロー
角丸・影・グラデーションを一切使わず、極太タイポと裸の HTML 要素だけで突きつける反デザインのヒーロー。実験的アート・アンダーグラウンドメディア・若手クリエイターが「中身で勝負」する場面の選択肢。
極太フォントのヒーローセクション
画面いっぱいの極太な見出しと 1 色のアクセントカラーだけで勝負する、スタートアップ向けのヒーローセクション。CTA への視線動線を 1 本に絞り、滞在 3 秒で価値を伝える設計。