attest.ink - Content Attribution Badges

Add clear origin badges to any digital content

In an era where understanding content origin matters more than ever, attest.ink provides elegant, professional badges to distinguish human-created content from AI-assisted work across all digital platforms.

Get Started Try Interactive Demo

Human Generated

Content created through human creativity and effort

AI Assisted

Content created with artificial intelligence assistance

Simple Implementation

Add these lightweight, animated badges to any digital content with just a few lines of code. Our badges work seamlessly across websites, documents, social media, and more.

Select Badge Type:

HTML

<!-- For human-generated content -->
<a href="https://attest.ink" target="_blank" class="badge-link" rel="noopener">
  <img src="https://attest.ink/assets/badges/human-generated.svg" alt="Human Generated" width="120" height="30">
  <span class="badge-tooltip">Human-created content, verified by attest.ink</span>
</a>

Markdown

[![Human Generated](https://attest.ink/assets/badges/human-generated.svg)](https://attest.ink "Human-created content, verified by attest.ink")

JavaScript

<script src="https://attest.ink/js/attest.js"></script>
<script>
  // Add human-generated badge
  AttestInk.addBadge('human', '#your-content', {
    position: 'bottom-right',
    linkToAttestInk: true,
    showTooltip: true
  });
</script>

Required CSS for Badge Tooltips

Add this CSS to your stylesheet to enable the hover tooltips for badges. These styles create the tooltip popup that appears when users hover over the badge, providing additional context about the content's origin.

/* Add this CSS to your stylesheet for badge tooltips */
.badge-link {
  display: inline-block;
  position: relative;
  transition: transform 0.3s;
}

.badge-link:hover {
  transform: translateY(-2px);
}

.badge-link .badge-tooltip {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%) scale(0.8);
  background-color: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 0.8rem;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
}

.badge-link .badge-tooltip::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

.badge-link:hover .badge-tooltip {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

Add Badges to Different Content Types

Learn how to add attribution badges to various content formats across different platforms.

Blog Posts

Add the badge at the end of your article or in the author byline section. For platforms like Medium, add the badge image to the end of your post.

See Example

Images

Add the badge as an overlay to your image or place it directly beneath the image with attribution.

See Example

Videos

Add the badge to video thumbnails, include in end credits, or display as a lower-third overlay.

See Example

Email

Add the badge to your email signature or at the end of your email content using HTML email formatting.

See Example

Plain Text

For plain text content, add the badge as a visual element at the beginning or end of your document.

See Example

PDF Documents

Add the badge to your document header/footer or include on the title/signature page.

See Example

Platform-Specific Badges

attest.ink provides specialized badges for content created with specific AI platforms, offering clear and consistent attribution across your digital ecosystem.