Disclosure Badge Pattern

Simple inline indicators that AI is being used in a process.

Examples

Basic Badge

Your application status: AI-Screened

<span class="tardigrade-badge">AI-Screened</span>

Badge with Explanation

Eligibility result: Likely eligible AI-Assisted

<span class="tardigrade-disclosure">
    <span class="tardigrade-badge">AI-Assisted</span>
    <button class="tardigrade-explain" aria-label="How AI was used">?</button>
    <div class="tardigrade-details" hidden>
        AI reviewed your application...
    </div>
</span>

Decision Type Variants

Document scan: Automated

Risk score: AI-Assisted

Approval: Human Decision

<span class="tardigrade-badge tardigrade-automated">Automated</span>
<span class="tardigrade-badge tardigrade-assisted">AI-Assisted</span>
<span class="tardigrade-badge tardigrade-human">Human Decision</span>