「みなづちAI」はリンクフリーです。リンクを行う場合の許可や連絡は不要です。引用する際は、引用元の明記と該当ページへのリンクをお願いします。
【無料】セミナー広告バナー（1:1正方形）プロンプト集
# テキスト
- 上部キャッチ(画面左上・カテゴリラベル+VOL番号): {{DESIGN NOTES / VOL.07}}
- メイン: {{センスは、構造で決まる。}}
- メイン強調語(バーミリオンオレンジで強調する部分): {{で}}
- サブ: {{伝わるデザインの設計思考と、プロンプトという新しい設計図。}}
- セミナー名(画面左下・英字ロゴ): {{DESIGN STRUCTURE LAB}}
- その他:
- 英字サブタイトル(セミナー名直下・極小文字): {{Essay on prompt-driven design thinking}}
- 章ナビゲーション(画面下部・横並び3項目):
- 章1: {{01 / STRUCTURE}}
- 章2: {{02 / LANGUAGE}}
- 章3: {{03 / OUTPUT}}
# 配色
- 背景: #FAFAF7(限りなく白に近いウォームオフホワイト、紙の質感を感じる中性的な白)
- 文字色:
- 上部キャッチ: #1A1A1A(ディープチャコール、透過 60%)
- メイン本体(強調語以外): #1A1A1A(ディープチャコール)
- メイン強調語: #E94E1B(バーミリオンオレンジ)
- サブ: #1A1A1A(ディープチャコール、透過 70%)
- セミナー名: #1A1A1A(ディープチャコール、字間広め)
- 英字サブタイトル: #1A1A1A(ディープチャコール、透過 50%)
- 章ナビゲーション: #1A1A1A(ディープチャコール、透過 50%)
- アクセント:
- 中央オブジェクト(幾何学図形コンポジション): メインの大きな円は #E94E1B(バーミリオンオレンジ)、その手前に重なる正方形は #1A1A1A(ディープチャコール)、円を貫く細い水平線は #1A1A1A(ディープチャコール)
- 水平線の両端の小さなドット: #1A1A1A(ディープチャコール)
- 正方形の左上角の小さな点: #1A1A1A(ディープチャコール)
- 細い水平セパレータ・短い垂直ライン: #1A1A1A(ディープチャコール、透過 25〜40%、線幅0.5〜1px)
- 章ナビゲーションの上の細い水平ライン: #1A1A1A(ディープチャコール、透過 20%、線幅0.5px)
- 画面四隅の極小マーカー(+記号): #1A1A1A(ディープチャコール、透過 40%)
# フォント
- 上部キャッチ: 細身の幾何学サンセリフ(Inter Light / IBM Plex Sans Light)、字間極広め(トラッキング+300)、英字
- メインタイトル: 中太のモダン明朝体(Noto Serif JP Medium / しっぽり明朝)、わずかに字間を詰めて密度感
- メイン強調語: メイン本体と同じ書体、色のみ差し替え(助詞「で」一文字のみ)
- サブ: 細身のサンセリフ(Noto Sans JP Light)、字間やや広め
- セミナー名: 幾何学サンセリフ(Inter Medium / IBM Plex Sans Medium)、字間極広め(トラッキング+400)、英字
- 英字サブタイトル: 細身のサンセリフ(Inter Light)、字間広め(トラッキング+200)、英字
- 章ナビゲーション: 細身のサンセリフ(Inter Light)、字間広め(トラッキング+200)、英字
- ※フォントのジャンプ率を抑えてください(メイン 5 : サブ 1.3 : セミナー名 1.0 : 上部キャッチ 0.85 : 英字サブタイトル 0.8 : 章ナビ 0.7 でミニマルな緩やかな階層、明朝×サンセリフの2書体ミックスで端正な静けさ)
# レイアウト
- テキスト配置:
- 画面左上(余白約7%): 上部キャッチを左揃えで配置(直下に長さ約3%の極短い水平ライン)
- 画面左 上から約36〜53%エリア: メインコピーを読点後で改行して2行配置(両行とも左揃え、画面横幅の約50%エリア内に収める、メイン強調語の助詞「で」一文字だけがオレンジで視線停止)
- メインタイトル直下 約4%エリア: サブコピーを左揃えで配置
- サブコピー直下 約8%下: 短い水平セパレータ(長さ約7%)を配置
- セパレータ直下: セミナー名を英字で左揃え配置
- セミナー名直下 約3%下: 英字サブタイトルを極小文字で左揃え配置
- 画面下部 約8%エリア: 章ナビゲーションを横並び3項目で左揃え配置(上に細い水平ラインを引いて区切る)
- 画面右側 約60%〜100%エリア: 中央オブジェクトの幾何学図形コンポジションを配置(大きなオレンジの正円を画面右上に大胆に配置、画面外にはみ出すサイズ感、その手前に重なるチャコールの正方形、円を水平に貫く細い水平線、正方形の左上角に小さな点)
- 画面四隅(各角から内側に約3%): 極小の「+」記号マーカーを4箇所配置、グリッドの存在を示唆
- 視線誘導: 上部キャッチ → メインタイトル(明朝の重厚さ+助詞「で」のオレンジで視線停止) → サブコピー → 右側の幾何学コンポジション(円の中心で再停止) → セミナー名 → 章ナビゲーション
- サイズ比率: メイン 5 : サブ 1.3 : セミナー名 1.0 : 上部キャッチ 0.85 : 英字サブタイトル 0.8 : 章ナビ 0.7。中央の正円が画面の縦約48%・横約25%(画面右上から上にはみ出すサイズ感)、正方形が画面の縦約29%・横約15%、テキストエリアが画面横幅の約50%を占有
- レイアウトパターン: コラージュグリッドの編集デザイン変奏(左テキスト・右幾何学図形の非対称分割、ブログ記事サムネとして1スクロールで全情報が伝わる構造)
# あしらい
- 中央オブジェクト(幾何学図形コンポジション): 大きなバーミリオンオレンジの正円(直径画面の縦約48%相当、画面右上に配置し上方向に画面外へ約25%はみ出す大胆さ)、その手前に重なるディープチャコールの正方形(一辺画面の縦約29%、円の右下から1/3ほど顔を出して見える)、最前面に細い水平線(画面横幅の約30%、線幅1.5pxのチャコール、円の中心を水平に貫く)、水平線の両端に小さなチャコールの正円ドット(直径3.5px)、正方形の左上角に小さなチャコールの正方形ドット(一辺8px)、すべて影なしのフラットデザイン、ベジェ曲線の歪みなし純粋な幾何学
- 上部キャッチ直下のセパレータ: 極短い水平線(線幅1px、長さ画面横幅の約3%、チャコール透過 30%)
- メインコピーとセミナー名の間のセパレータ: 短い水平線(線幅1px、長さ画面横幅の約7%、チャコール透過 40%)
- 章ナビゲーションの上のセパレータ: 細い水平線(線幅0.5px、画面横幅の約52%まで、チャコール透過 20%)
- 画面四隅の「+」記号: 各角から内側に約3%の位置に4箇所、線幅1pxのチャコール透過 40%、長さ約20px(縦横ともに)、グリッドシステムの存在を示唆
- 装飾は徹底的に最小化、背景はテクスチャやパターンを一切置かない、純粋な紙の白
- セパレータ・装飾線はすべて0.5px〜1.5pxの細線で統一、太い線・影・グラデーション・ノイズは一切使わない
# サイズ
- アスペクト比: 40:21(1200×630px、ブログ記事のOGP・サムネイル・SNSリンクカード兼用比率)
# スタイル
- フラットデザイン、ミニマル、モダン、洗練、スイス・スタイル、グリッドベース、編集デザイン、余白の美学、抑制された彩度、紙の質感を感じるオフホワイト、バーミリオンオレンジを唯一の色アクセント、幾何学図形コンポジション、ブログ記事サムネ、OGP画像、デザインエッセイ、知的・編集的トーン