Press Kit

Press & Brand Assets

Banners, post graphics, and embed code for linking to Comment Shield — in all 5 languages.

Free to use All graphics and embed code are free to use to point to Comment Shield — on social media, a blog, or your own website. No attribution required.

📱 Post graphics

Square (1080×1080)

Square (1080×1080)

For Instagram posts, Facebook posts, LinkedIn.

Download ↓
Story (1080×1920)

Story (1080×1920)

For Instagram/Facebook Story, TikTok.

Download ↓
X profile banner (1500×500)

X profile banner (1500×500)

For your X (Twitter) profile header.

Download ↓

🎬 Animated

Blur-reveal loop (600×600, GIF)

Blur-reveal loop (600×600, GIF)

Shows the core mechanism as a 3-second loop — for posts, Stories, or Discord.

Download ↓

🔗 Embeddable banner code

Pure HTML/CSS, no image file — animated (pulsing logo, light-sweep effect), no external dependencies. Copy the code and paste it into your own page.

Leaderboard (728×90)

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

Rectangle (300×250)

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