🛡 Humane Verification v3 Deployment Portal

Humane Verification v3 is a privacy-first, frictionless asset authentication standard. It eliminates interactive image puzzles, audio loops, and tracking cookies entirely. By operating under an isolated client-side context, HV3 maintains full accessibility compliance with frameworks like the Barrier-Free Web Access Act.

⚠️ HV3 vs HV3.1 Clarification

HV3.1 is the badge-only compliance layer. It does not include HV3’s risk scoring, cryptographic modules, or behavioral analysis. HV3.1 provides a visual compliance indicator only.

⚠️ Mandatory Ownership Requirement

The HV3 badge may only be placed on websites you personally own or administratively control. Never embed the badge on third‑party websites without explicit authorization.

🎯 Visual Component Baseline

The HV3 badge must always be placed in the bottom-right corner, mirroring Google’s reCAPTCHA v3 badge. It may operate independently of HV3 scripts.

Always-expanded badge (static):

Protected by Humane Verification v3


Collapsed badge (expands on hover):

Protected by Humane Verification v3

📖 Native Implementation Explanation

The HV3 badge is fully decoupled from script execution hooks. Even if cryptographic or behavioral modules fail to initialize, the badge remains visible. The collapsed variant mirrors reCAPTCHA v3’s expansion behavior.

🛠 Mandatory Stylesheet Block

.hv3-badge-base {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #b90000;
  color: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.15rem;
  font-weight: 500;
  padding: 12px 28px;
  border-radius: 6px;
  user-select: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.015em;
  text-align: center;
  box-sizing: border-box;
}

.hv3-logo {
  font-weight: 900;
  font-size: 1.25rem;
}

.hv3-text {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  white-space: nowrap;
}

.hv3-text strong {
  font-weight: 700;
  margin-left: 5px;
}

.hv3-badge-floating {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  cursor: pointer;
  transition: all 0.25s ease;
}

.hv3-badge-static {}

.hv3-badge-collapsed .hv3-text {
  opacity: 0;
  max-width: 0;
  margin-left: 0;
  overflow: hidden;
  transition: all 0.25s ease;
}

.hv3-badge-collapsed:hover .hv3-text {
  opacity: 1;
  max-width: 500px;
  margin-left: 8px;
}

.hv3-badge-collapsed:hover {
  padding: 14px 32px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

🧪 Example: Collapsed, floating badge (recommended)

<div class="hv3-badge-base hv3-badge-floating hv3-badge-collapsed" role="status">
  <span class="hv3-logo">Ⓗ</span>
  <span class="hv3-text">Protected by&nbsp;<strong>Humane Verification v3</strong></span>
</div>

🧪 Example: Always-expanded, floating badge

<div class="hv3-badge-base hv3-badge-floating hv3-badge-static" role="status">
  <span class="hv3-logo">Ⓗ</span>
  <span class="hv3-text">Protected by&nbsp;<strong>Humane Verification v3</strong></span>
</div>

📝 Structural Compliance Checklist

Protected by Humane Verification v3