trust compliance security soc2 iso27001 iso42001 gdpr hipaa enterprise b2b certifications SOC 2 ISO 27001 ISO 42001 GDPR HIPAA compliance certifications enterprise security data privacy show security certifications enterprise trust signals compliance badges
Compliance Trust Strip
Fetch pattern JSON:
curl https://webspire.de/patterns/trust-strip/compliance.json compliance.html
<section class="ws-trust-strip border-t border-[var(--ws-color-border)] bg-[var(--ws-color-surface)] py-14">
<div class="mx-auto max-w-6xl px-6">
<p class="text-center text-xs font-semibold uppercase tracking-[0.22em] text-[var(--ws-color-text-muted)]">Security & Compliance</p>
<!-- Certification badges -->
<div class="mt-6 flex flex-wrap justify-center gap-3">
<!-- SOC 2 Type II -->
<div class="flex items-center gap-3 rounded-xl border border-[var(--ws-color-border)] bg-[var(--ws-color-bg)] px-5 py-3.5">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-emerald-500/10">
<svg class="h-5 w-5 text-emerald-600 dark:text-emerald-400" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z"/>
</svg>
</span>
<div>
<p class="text-sm font-bold leading-tight text-[var(--ws-color-text)]">SOC 2 Type II</p>
<p class="text-[0.7rem] text-[var(--ws-color-text-muted)]">AICPA</p>
</div>
</div>
<!-- ISO 27001 -->
<div class="flex items-center gap-3 rounded-xl border border-[var(--ws-color-border)] bg-[var(--ws-color-bg)] px-5 py-3.5">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-blue-500/10">
<svg class="h-5 w-5 text-blue-600 dark:text-blue-400" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m0-10.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.75c0 5.592 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.598-3.75h-.152c-3.196 0-6.1-1.249-8.25-3.286zm0 13.036h.008v.008H12v-.008z"/>
</svg>
</span>
<div>
<p class="text-sm font-bold leading-tight text-[var(--ws-color-text)]">ISO 27001</p>
<p class="text-[0.7rem] text-[var(--ws-color-text-muted)]">Information Security</p>
</div>
</div>
<!-- ISO 42001 -->
<div class="flex items-center gap-3 rounded-xl border border-[var(--ws-color-border)] bg-[var(--ws-color-bg)] px-5 py-3.5">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-violet-500/10">
<svg class="h-5 w-5 text-violet-600 dark:text-violet-400" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z"/>
</svg>
</span>
<div>
<p class="text-sm font-bold leading-tight text-[var(--ws-color-text)]">ISO 42001</p>
<p class="text-[0.7rem] text-[var(--ws-color-text-muted)]">AI Management</p>
</div>
</div>
<!-- GDPR -->
<div class="flex items-center gap-3 rounded-xl border border-[var(--ws-color-border)] bg-[var(--ws-color-bg)] px-5 py-3.5">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-sky-500/10">
<svg class="h-5 w-5 text-sky-600 dark:text-sky-400" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z"/>
</svg>
</span>
<div>
<p class="text-sm font-bold leading-tight text-[var(--ws-color-text)]">GDPR Ready</p>
<p class="text-[0.7rem] text-[var(--ws-color-text-muted)]">EU Data Protection</p>
</div>
</div>
<!-- HIPAA -->
<div class="flex items-center gap-3 rounded-xl border border-[var(--ws-color-border)] bg-[var(--ws-color-bg)] px-5 py-3.5">
<span class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-rose-500/10">
<svg class="h-5 w-5 text-rose-600 dark:text-rose-400" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"/>
</svg>
</span>
<div>
<p class="text-sm font-bold leading-tight text-[var(--ws-color-text)]">HIPAA</p>
<p class="text-[0.7rem] text-[var(--ws-color-text-muted)]">Health Data</p>
</div>
</div>
</div>
<!-- Security posture statements -->
<div class="mt-10 grid gap-6 border-t border-[var(--ws-color-border)] pt-10 sm:grid-cols-3">
<div class="flex gap-4">
<span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-[var(--ws-color-border)] bg-[var(--ws-color-bg)]">
<svg class="h-4 w-4 text-[var(--ws-color-text-soft)]" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9.75L16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0020.25 18V6A2.25 2.25 0 0018 3.75H6A2.25 2.25 0 003.75 6v12A2.25 2.25 0 006 20.25z"/>
</svg>
</span>
<div>
<p class="text-sm font-semibold text-[var(--ws-color-text)]">Your code stays private</p>
<p class="mt-1 text-sm leading-relaxed text-[var(--ws-color-text-soft)]">No training on your data. Code is processed in memory and never stored on our servers.</p>
</div>
</div>
<div class="flex gap-4">
<span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-[var(--ws-color-border)] bg-[var(--ws-color-bg)]">
<svg class="h-4 w-4 text-[var(--ws-color-text-soft)]" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M5.25 14.25h13.5m-13.5 0a3 3 0 01-3-3m3 3a3 3 0 100 6h13.5a3 3 0 100-6m-16.5-3a3 3 0 013-3h13.5a3 3 0 013 3m-19.5 0a4.5 4.5 0 01.9-2.7L5.737 5.1a3.375 3.375 0 012.7-1.35h7.126c1.062 0 2.062.5 2.7 1.35l2.587 3.45a4.5 4.5 0 01.9 2.7m0 0a3 3 0 01-3 3m0 3h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008zm-3 6h.008v.008h-.008v-.008zm0-6h.008v.008h-.008v-.008z"/>
</svg>
</span>
<div>
<p class="text-sm font-semibold text-[var(--ws-color-text)]">Self-hosted deployment</p>
<p class="mt-1 text-sm leading-relaxed text-[var(--ws-color-text-soft)]">Run fully on-premise or in your own VPC. Full control over data residency and network access.</p>
</div>
</div>
<div class="flex gap-4">
<span class="mt-0.5 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-[var(--ws-color-border)] bg-[var(--ws-color-bg)]">
<svg class="h-4 w-4 text-[var(--ws-color-text-soft)]" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z"/>
</svg>
</span>
<div>
<p class="text-sm font-semibold text-[var(--ws-color-text)]">SSO & RBAC included</p>
<p class="mt-1 text-sm leading-relaxed text-[var(--ws-color-text-soft)]">SAML 2.0, OIDC, and role-based access control on all Enterprise plans. Audit logs included.</p>
</div>
</div>
</div>
</div>
</section>
Details
Responsive Dark Mode Tailwind Only SSR Safe Copy & Paste
Stable Published
trustcompliancesecuritysoc2iso27001iso42001gdprhipaaenterpriseb2bcertifications
Slots
| Name | Required | Description |
|---|---|---|
| badges | Yes | Row of certification badge cards — add, remove, or relabel as needed. |
| posture | Yes | Three security posture statements with icon, heading, and description. |
Certification badges and security posture statements for enterprise and B2B landing pages. Distinct from trust-strip/base which focuses on payment trust — this section addresses procurement and security review concerns.
Each badge card is independent: remove HIPAA if it doesn’t apply, swap ISO 42001 (AI management) for PCI DSS (payment) if more relevant. The flex-wrap row adjusts to any count.
The three posture statements follow a proven B2B pattern: data handling (“your code stays private”), deployment model (“self-hosted option”), and access control (“SSO & RBAC”). These address the three most common enterprise security questions before they’re asked.