Kit presse

Presse et ressources de marque

Bannières, visuels pour publications et code d'intégration pour lier vers Comment Shield — dans les 5 langues.

Utilisation libre Tous les visuels et le code d'intégration sont libres d'utilisation pour faire connaître Comment Shield — sur les réseaux sociaux, un blog ou ton propre site. Aucune attribution requise.

📱 Visuels pour publications

Carré (1080×1080)

Carré (1080×1080)

Pour les publications Instagram, Facebook, LinkedIn.

Télécharger ↓
Story (1080×1920)

Story (1080×1920)

Pour les Story Instagram/Facebook, TikTok.

Télécharger ↓
Bannière de profil X (1500×500)

Bannière de profil X (1500×500)

Pour l'en-tête de ton profil X (Twitter).

Télécharger ↓

🎬 Animé

Boucle flou-révélation (600×600, GIF)

Boucle flou-révélation (600×600, GIF)

Montre le mécanisme principal en boucle de 3 secondes — pour posts, Story ou Discord.

Télécharger ↓

🔗 Code de bannière intégrable

HTML/CSS pur, aucun fichier image — animé (logo pulsant, effet de balayage lumineux), sans dépendance externe. Copie le code et colle-le sur ta page.

Leaderboard (728×90)

<!-- Comment Shield Werbebanner (728×90 Leaderboard, FR) — Code einfach 1:1 einfügen -->
<a href="https://getcommentshield.com/index-fr.html?utm_source=banner&utm_medium=embed&utm_campaign=fr"
   target="_blank" rel="noopener"
   style="display:inline-flex; align-items:center; gap:14px; width:728px; height:90px;
          padding:0 18px; box-sizing:border-box; text-decoration:none;
          background:linear-gradient(120deg, #FFF7EE 0%, #FFEDDB 100%);
          border:1px solid rgba(36,27,47,0.10); border-radius:14px;
          font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
          overflow:hidden; position:relative;">
  <style>
    @keyframes csbPulse-frlea { 0%,100% { transform:scale(1); } 50% { transform:scale(1.12); } }
    @keyframes csbSweep-frlea { 0% { transform:translateX(-120%); } 100% { transform:translateX(320%); } }
    .csb-logo-frlea { animation: csbPulse-frlea 2.2s ease-in-out infinite; }
    .csb-sweep-frlea {
      position:absolute; top:0; left:0; width:40%; height:100%;
      background:linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent);
      animation: csbSweep-frlea 3.2s ease-in-out infinite;
    }
  </style>
  <span class="csb-sweep-frlea"></span>
  <span class="csb-logo-frlea"><svg width="26" height="23" viewBox="0 0 140 123" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;">
  <defs><linearGradient id="csb-g-frlea" x1="20" y1="15" x2="120" y2="108" gradientUnits="userSpaceOnUse">
    <stop offset="0%" stop-color="#FF6B5B"/><stop offset="100%" stop-color="#8B5CF6"/>
  </linearGradient></defs>
  <path fill="url(#csb-g-frlea)" d="M20 15 L70 108 L120 15 L84 35 L70 61 L56 35 Z"></path>
</svg></span>
  <span style="display:flex; flex-direction:column; line-height:1.25; min-width:0;">
    <strong style="font-size:16px; color:#241B2F; font-weight:800; white-space:nowrap;">Ton fil. Sans venin.</strong>
    <span style="font-size:12px; color:#5B5266; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Masque les commentaires toxiques automatiquement</span>
  </span>
  <span style="margin-left:auto; flex-shrink:0; background:#FF6B5B; color:#fff; font-weight:700;
               font-size:13px; padding:8px 16px; border-radius:999px; white-space:nowrap;">Installer maintenant</span>
</a>

Rectangle (300×250)

<!-- Comment Shield Werbebanner (300×250 Rectangle, FR) — Code einfach 1:1 einfügen -->
<a href="https://getcommentshield.com/index-fr.html?utm_source=banner&utm_medium=embed&utm_campaign=fr"
   target="_blank" rel="noopener"
   style="display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between;
          width:300px; height:250px; padding:22px; box-sizing:border-box; text-decoration:none;
          background:linear-gradient(160deg, #FFF7EE 0%, #FFEDDB 100%);
          border:1px solid rgba(36,27,47,0.10); border-radius:18px;
          font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
          overflow:hidden; position:relative;">
  <style>
    @keyframes csbPulse-frrec { 0%,100% { transform:scale(1); } 50% { transform:scale(1.15); } }
    @keyframes csbSweep-frrec { 0% { transform:translateX(-150%) translateY(-150%) rotate(20deg); } 100% { transform:translateX(150%) translateY(150%) rotate(20deg); } }
    .csb-logo-frrec { animation: csbPulse-frrec 2.2s ease-in-out infinite; }
    .csb-sweep-frrec {
      position:absolute; top:-50%; left:-50%; width:60%; height:220%;
      background:linear-gradient(100deg, transparent, rgba(255,255,255,0.5), transparent);
      animation: csbSweep-frrec 3.6s ease-in-out infinite;
    }
  </style>
  <span class="csb-sweep-frrec"></span>
  <span class="csb-logo-frrec" style="width:44px; height:39px; display:block;"><svg width="44" height="39" viewBox="0 0 140 123" xmlns="http://www.w3.org/2000/svg" style="flex-shrink:0;">
  <defs><linearGradient id="csb-g-frrec" x1="20" y1="15" x2="120" y2="108" gradientUnits="userSpaceOnUse">
    <stop offset="0%" stop-color="#FF6B5B"/><stop offset="100%" stop-color="#8B5CF6"/>
  </linearGradient></defs>
  <path fill="url(#csb-g-frrec)" d="M20 15 L70 108 L120 15 L84 35 L70 61 L56 35 Z"></path>
</svg></span>
  <span style="display:flex; flex-direction:column; line-height:1.3;">
    <strong style="font-size:22px; color:#241B2F; font-weight:800;">Ton fil.</strong>
    <strong style="font-size:22px; color:#FF6B5B; font-weight:800; margin-bottom:6px;">Sans venin.</strong>
    <span style="font-size:13px; color:#5B5266;">Masque les commentaires toxiques automatiquement</span>
  </span>
  <span style="background:#FF6B5B; color:#fff; font-weight:700; font-size:14px; padding:10px 20px; border-radius:999px;">Installer maintenant</span>
</a>