AD-OPTIMIZED COMPONENTS

広告用コンポーネント

バナー視認性に最適化した CTA ボタン / バッジ / ロゴ配置ルール。一般UI向けコンポーネント（preview/）と区別して運用します。

01 / CTA BUTTONS

CTAボタン

広告内では「太く」「大きく」「単色」が原則。角丸0、影なし、ホバー効果なし（静止画想定）。

買取用 Primary

背景 #A0330A / 文字 白 / W6

販売用 Primary

背景 #0095D9 / 文字 白 / W6

求人用 Primary

背景 #00475A / 文字 白 / W6

ブランド Primary（汎用）

背景 #009098 / 文字 白 / W6

サイズ規定（1080px幅広告内）

用途高さ幅文字サイズ
大（メインCTA）96 px幅の60–80%44 px / W6
中（サブCTA）72 px幅の40–60%36 px / W6
小（テキストリンク併用）56 px適宜28 px / W6
02 / BADGES

バッジ・タグ

「無料」「期間限定」「NEW」など、訴求補強用。多用すると下品になるので 1 バナーに 1 バッジまで。

NEW 期間限定 無料
03 / LOGO PLACEMENT

ロゴ配置ルール

広告内のロゴは必ず vb-assets CDN の SVG を使用。サイズと余白を厳守。

最小サイズ

  • ヘッダーロゴ: 高さ 16px 以上（1080px幅広告では 32px 推奨）
  • シンボルマーク: 40 × 40 px 以上

アイソレーション（余白）

  • ロゴの高さ × 0.5 以上 の余白を四方に確保
  • 他テキスト・装飾要素はその余白内に侵入しない

背景別の使い分け

背景使用ロゴ備考
白 / クリーム背景標準カラー版デフォルト
サービスカラー背景白抜き版準備中（暫定で白文字で代用可）
写真上配置白抜き版 + 半透明帯視認性確保のため帯を敷く
04 / 準備中

追加予定コンポーネント