Badges - attest.ink

Overview

0

AI Models

0

Providers

3

Role Types

∞

Custom Models

Attestation Roles

Every attestation includes a role that describes how AI was involved in creating the content.

100% AI Created

Human + AI Collaboration

AI Refined Human Work

Provider Color Palette

Each AI provider has a unique color scheme for easy recognition.

Glass Badge Styles

Modern glass morphism effects with blur and transparency.

Glass Default

AI Generated

class="badge-glass"

Glass Primary

GPT-4 Turbo

class="badge-glass badge-glass-primary"

Glass Success

Verified

class="badge-glass badge-glass-success"

Glass Warning

AI Assisted

class="badge-glass badge-glass-warning"

Glass Danger

Experimental

class="badge-glass badge-glass-danger"

Glass Small

Claude 3

class="badge-glass badge-sm"

Glass Large

DALL-E 3

class="badge-glass badge-lg"

Glass Minimal

ai-assisted

class="badge-glass-minimal"

Legacy Badge Collection

Classic badge designs for content attestation. Click any badge to see how to use it.

Human & AI Generated Badges

<!-- Add this to your HTML -->
<a href="https://attest.ink/verify/?data=..." target="_blank">
  <img src="https://attest.ink/assets/badges/chatgpt-generated.svg" alt="AI Generated" width="120" height="30" />
</a>

AI Assisted & Edited Badges

Generic AI Badges

Special Effect Badges

Glass Morphism

AI POWERED

Modern glass effect

Terminal Style

AI_GENERATED

Retro terminal look

Neon Glow

CYBERPUNK AI

Animated neon effect

Rainbow

UNICORN AI

Animated rainbow

Matrix

THE MATRIX

Digital rain effect

Holographic

FUTURE AI

Shimmer animation

README Badge Styles

Perfect for open source projects. These badges follow the shields.io style and integrate seamlessly with other project badges.

Standard Blue

[![AI Assisted](https://img.shields.io/badge/AI-Assisted-blue)](YOUR_VERIFY_URL)

Generated Green

[![AI Generated](https://img.shields.io/badge/AI-Generated-green)](YOUR_VERIFY_URL)

Edited Yellow

[![AI Edited](https://img.shields.io/badge/AI-Edited-yellow)](YOUR_VERIFY_URL)

With Model Name

[![GPT-4 Assisted](https://img.shields.io/badge/AI-GPT--4_Assisted-blue)](YOUR_VERIFY_URL)

Custom Color

[![Claude 3](https://img.shields.io/badge/AI-Claude_3-purple)](YOUR_VERIFY_URL)

With Icon

[![🤖 AI Assisted](https://img.shields.io/badge/🤖_AI-Assisted-blue)](YOUR_VERIFY_URL)

How to Create Your README Badge

Create your attestation at attest.ink/create
Copy the verification URL from the result page
Choose a badge style from above
Replace YOUR_VERIFY_URL with your actual verification URL
Add to your README.md alongside other project badges

Pro tip: Use shields.io parameters to customize further:

?style=flat-square - Square style
?style=for-the-badge - Large style
?logo=openai - Add provider logo
?logoColor=white - Change logo color

Example with all options:

[![AI Assisted](https://img.shields.io/badge/AI-Assisted-blue?style=for-the-badge&logo=openai&logoColor=white)](YOUR_VERIFY_URL)

Complete Model Gallery

Integration Examples

Basic HTML Integration

Add an attestation badge to any webpage with a simple link:

<!-- Direct badge link -->
<a href="https://attest.ink/verify/?data=eyJ2ZXJzaW9uIjoiMS4wIi..." target="_blank">
    <img src="https://attest.ink/badge/gpt-4.svg" alt="AI Generated with GPT-4">
</a>

This content was created with AI assistance.

Markdown Integration

Perfect for README files and documentation:

## About This Project

This documentation was created with AI assistance.

[![AI Generated](https://attest.ink/badge/claude-3-opus.svg)](https://attest.ink/verify/?data=...)

LaTeX Integration

For academic papers and technical documents:

\section{AI Attestation}
\begin{center}
\fbox{\small\texttt{AI-ASSISTED} $\cdot$ \texttt{attest.ink/verify/?data=eyJ2ZXJzaW9uIi...}}
\end{center}

% Or as a footnote
\footnote{This document was created with AI assistance. Verification: \url{https://attest.ink/verify/?data=...}}

Dynamic Badge Loading

Load badges dynamically using our JavaScript API:

<div class="ai-attest-badge" data-attestation-url="https://example.com/attestation.json"></div>

<script src="https://attest.ink/static/badge-renderer.js"></script>

Custom Badge Creation

Create badges programmatically:

// Create a badge for any model
const badge = AttestInk.createBadgeSVG('gpt-4', 'generated');
document.getElementById('badge-container').innerHTML = badge;

// Or use the badge URL helper
const badgeUrl = AttestInk.getBadgeUrl('claude-3-opus');
// Returns: https://attest.ink/assets/badges/claude-3-opus.svg

Real-World Examples

See how AI attestation badges look in actual use cases · View all examples →

Technical Documentation with Minimal Badge

API Reference: Authentication

POST /auth/login - Authenticates a user and returns a JWT token. The token must be included in subsequent requests as a Bearer token...

Generated Documentation ai-generated

Art Gallery with Image Badge

Digital Landscapes Collection

This collection explores the intersection of nature and technology, featuring dreamlike vistas generated through advanced AI algorithms...

AI Art

Badge API

Generate badges dynamically or use our pre-rendered SVGs.

Direct SVG URLs

Access any badge directly via URL:

https://attest.ink/badge/{model-id}.svg
https://attest.ink/badge/gpt-4.svg
https://attest.ink/badge/claude-3-opus.svg
https://attest.ink/badge/custom.svg?text=Your+Model

URL Parameters

Parameter	Description	Example
model	Model ID from our registry	gpt-4
text	Custom badge text	My+Custom+AI
role	Attestation role	generated\|assisted\|edited

Best Practices

Badge Placement

Place badges where they're visible but not intrusive. Common locations include:

Article headers or footers
About sections
README files
Website footers
Social media bios

Accessibility

Always include descriptive alt text for badge images:

<img src="badge.svg" alt="AI Generated content using GPT-4">

Verification Links

Always link badges to their verification page so users can verify the attestation:

<a href="https://attest.ink/verify/?data=..." target="_blank">
    <img src="badge.svg" alt="AI Generated">
</a>

Badge Gallery