Presse-Kit

Presse & Marken-Assets

Banner, Post-Grafiken und Embed-Code zum freien Verlinken von Comment Shield — in allen 5 Sprachen.

Frei nutzbar Alle Grafiken und der Embed-Code dürfen frei verwendet werden, um auf Comment Shield hinzuweisen — auf Social Media, im Blog oder auf der eigenen Website. Kein Copyright-Hinweis nötig.

📱 Post-Grafiken

Quadratisch (1080×1080)

Quadratisch (1080×1080)

Für Instagram-Post, Facebook-Post, LinkedIn.

Herunterladen ↓
Story (1080×1920)

Story (1080×1920)

Für Instagram/Facebook Story, TikTok.

Herunterladen ↓
X-Profilbanner (1500×500)

X-Profilbanner (1500×500)

Für den Header deines X-(Twitter-)Profils.

Herunterladen ↓

🎬 Animiert

Blur-Reveal-Loop (600×600, GIF)

Blur-Reveal-Loop (600×600, GIF)

Zeigt den Kern-Mechanismus als 3-Sekunden-Loop — für Post, Story oder Discord.

Herunterladen ↓

🔗 Einbettbarer Banner-Code

Reines HTML/CSS, keine Bilddatei — animiert (pulsierendes Logo, Lichtstreif-Effekt), ohne externe Abhängigkeiten. Code kopieren und in die eigene Seite einfügen.

Leaderboard (728×90)

<!-- Comment Shield Werbebanner (728×90 Leaderboard, DE) — Code einfach 1:1 einfügen -->
<a href="https://getcommentshield.com/index.html?utm_source=banner&utm_medium=embed&utm_campaign=de"
   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-delea { 0%,100% { transform:scale(1); } 50% { transform:scale(1.12); } }
    @keyframes csbSweep-delea { 0% { transform:translateX(-120%); } 100% { transform:translateX(320%); } }
    .csb-logo-delea { animation: csbPulse-delea 2.2s ease-in-out infinite; }
    .csb-sweep-delea {
      position:absolute; top:0; left:0; width:40%; height:100%;
      background:linear-gradient(100deg, transparent, rgba(255,255,255,0.55), transparent);
      animation: csbSweep-delea 3.2s ease-in-out infinite;
    }
  </style>
  <span class="csb-sweep-delea"></span>
  <span class="csb-logo-delea"><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-delea" 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-delea)" 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;">Dein Feed. Ohne Gift.</strong>
    <span style="font-size:12px; color:#5B5266; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">Toxische Kommentare automatisch ausblenden</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;">Jetzt installieren</span>
</a>

Rectangle (300×250)

<!-- Comment Shield Werbebanner (300×250 Rectangle, DE) — Code einfach 1:1 einfügen -->
<a href="https://getcommentshield.com/index.html?utm_source=banner&utm_medium=embed&utm_campaign=de"
   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-derec { 0%,100% { transform:scale(1); } 50% { transform:scale(1.15); } }
    @keyframes csbSweep-derec { 0% { transform:translateX(-150%) translateY(-150%) rotate(20deg); } 100% { transform:translateX(150%) translateY(150%) rotate(20deg); } }
    .csb-logo-derec { animation: csbPulse-derec 2.2s ease-in-out infinite; }
    .csb-sweep-derec {
      position:absolute; top:-50%; left:-50%; width:60%; height:220%;
      background:linear-gradient(100deg, transparent, rgba(255,255,255,0.5), transparent);
      animation: csbSweep-derec 3.6s ease-in-out infinite;
    }
  </style>
  <span class="csb-sweep-derec"></span>
  <span class="csb-logo-derec" 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-derec" 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-derec)" 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;">Dein Feed.</strong>
    <strong style="font-size:22px; color:#FF6B5B; font-weight:800; margin-bottom:6px;">Ohne Gift.</strong>
    <span style="font-size:13px; color:#5B5266;">Toxische Kommentare automatisch ausblenden</span>
  </span>
  <span style="background:#FF6B5B; color:#fff; font-weight:700; font-size:14px; padding:10px 20px; border-radius:999px;">Jetzt installieren</span>
</a>