Signed by SignFree
Six badge alternatives designed to stand out and stay recognizable. Each uses the same logo icon but switches the background color so it no longer competes with the primary blue CTA.
1
Dark Slate
Premium, understated, high contrast
Signed document preview
<a href="https://app.signfree.io/sign?ref=badge" style="display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:6px 12px;border-radius:9999px;font:700 12px/1.2 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 12px rgba(15,23,42,.3);" target="_blank" rel="noopener"><svg width="14" height="14" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M26.8 6.5v14.43H8.2V2.52h14.61l-2.21-2.21H5.99v22.98l11.52 11.4 11.49-11.4V8.71l-2.2-2.21zM17.5 27.52c-1.24 0-2.33.47-2.91 1.17l-5.51-5.45h16.85l-5.51 5.47c-.58-.7-1.67-1.17-2.92-1.17z" fill="#fff"/><path d="M11.19 9.03h6.6c.49 0 .88-.39.88-.88s-.39-.88-.88-.88h-6.6c-.49 0-.88.39-.88.88s.39.88.88.88z" fill="#fff"/><path d="M10.31 12.66c0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88s-.39-.88-.88-.88H11.19c-.48 0-.88.39-.88.88z" fill="#fff"/><path d="M23.48 15.87H11.19c-.49 0-.88.39-.88.88 0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88 0-.49-.39-.88-.88-.88z" fill="#fff"/><path d="M29 8.71h-8.39V.31z" fill="#f97316"/></svg> Signed by SignFree</a>
2
Teal
Friendly, trustworthy, different from blue
Signed document preview
<a href="https://app.signfree.io/sign?ref=badge" style="display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#0d9488,#115e59);color:#fff;padding:6px 12px;border-radius:9999px;font:700 12px/1.2 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 12px rgba(13,148,136,.3);" target="_blank" rel="noopener"><svg width="14" height="14" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M26.8 6.5v14.43H8.2V2.52h14.61l-2.21-2.21H5.99v22.98l11.52 11.4 11.49-11.4V8.71l-2.2-2.21zM17.5 27.52c-1.24 0-2.33.47-2.91 1.17l-5.51-5.45h16.85l-5.51 5.47c-.58-.7-1.67-1.17-2.92-1.17z" fill="#fff"/><path d="M11.19 9.03h6.6c.49 0 .88-.39.88-.88s-.39-.88-.88-.88h-6.6c-.49 0-.88.39-.88.88s.39.88.88.88z" fill="#fff"/><path d="M10.31 12.66c0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88s-.39-.88-.88-.88H11.19c-.48 0-.88.39-.88.88z" fill="#fff"/><path d="M23.48 15.87H11.19c-.49 0-.88.39-.88.88 0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88 0-.49-.39-.88-.88-.88z" fill="#fff"/><path d="M29 8.71h-8.39V.31z" fill="#f97316"/></svg> Signed by SignFree</a>
3
Amber
Warm, high-energy, impossible to miss
Signed document preview
<a href="https://app.signfree.io/sign?ref=badge" style="display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 12px;border-radius:9999px;font:700 12px/1.2 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 12px rgba(245,158,11,.3);" target="_blank" rel="noopener"><svg width="14" height="14" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M26.8 6.5v14.43H8.2V2.52h14.61l-2.21-2.21H5.99v22.98l11.52 11.4 11.49-11.4V8.71l-2.2-2.21zM17.5 27.52c-1.24 0-2.33.47-2.91 1.17l-5.51-5.45h16.85l-5.51 5.47c-.58-.7-1.67-1.17-2.92-1.17z" fill="#fff"/><path d="M11.19 9.03h6.6c.49 0 .88-.39.88-.88s-.39-.88-.88-.88h-6.6c-.49 0-.88.39-.88.88s.39.88.88.88z" fill="#fff"/><path d="M10.31 12.66c0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88s-.39-.88-.88-.88H11.19c-.48 0-.88.39-.88.88z" fill="#fff"/><path d="M23.48 15.87H11.19c-.49 0-.88.39-.88.88 0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88 0-.49-.39-.88-.88-.88z" fill="#fff"/><path d="M29 8.71h-8.39V.31z" fill="#f97316"/></svg> Signed by SignFree</a>
4
Pro Violet
Same gradient as the Pro CTA
Signed document preview
<a href="https://app.signfree.io/sign?ref=badge" style="display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;padding:6px 12px;border-radius:9999px;font:700 12px/1.2 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 12px rgba(124,58,237,.3);" target="_blank" rel="noopener"><svg width="14" height="14" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M26.8 6.5v14.43H8.2V2.52h14.61l-2.21-2.21H5.99v22.98l11.52 11.4 11.49-11.4V8.71l-2.2-2.21zM17.5 27.52c-1.24 0-2.33.47-2.91 1.17l-5.51-5.45h16.85l-5.51 5.47c-.58-.7-1.67-1.17-2.92-1.17z" fill="#fff"/><path d="M11.19 9.03h6.6c.49 0 .88-.39.88-.88s-.39-.88-.88-.88h-6.6c-.49 0-.88.39-.88.88s.39.88.88.88z" fill="#fff"/><path d="M10.31 12.66c0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88s-.39-.88-.88-.88H11.19c-.48 0-.88.39-.88.88z" fill="#fff"/><path d="M23.48 15.87H11.19c-.49 0-.88.39-.88.88 0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88 0-.49-.39-.88-.88-.88z" fill="#fff"/><path d="M29 8.71h-8.39V.31z" fill="#f97316"/></svg> Signed by SignFree</a>
5
Emerald
Fresh, success-oriented, clean
Signed document preview
<a href="https://app.signfree.io/sign?ref=badge" style="display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#10b981,#047857);color:#fff;padding:6px 12px;border-radius:9999px;font:700 12px/1.2 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 12px rgba(16,185,129,.3);" target="_blank" rel="noopener"><svg width="14" height="14" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M26.8 6.5v14.43H8.2V2.52h14.61l-2.21-2.21H5.99v22.98l11.52 11.4 11.49-11.4V8.71l-2.2-2.21zM17.5 27.52c-1.24 0-2.33.47-2.91 1.17l-5.51-5.45h16.85l-5.51 5.47c-.58-.7-1.67-1.17-2.92-1.17z" fill="#fff"/><path d="M11.19 9.03h6.6c.49 0 .88-.39.88-.88s-.39-.88-.88-.88h-6.6c-.49 0-.88.39-.88.88s.39.88.88.88z" fill="#fff"/><path d="M10.31 12.66c0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88s-.39-.88-.88-.88H11.19c-.48 0-.88.39-.88.88z" fill="#fff"/><path d="M23.48 15.87H11.19c-.49 0-.88.39-.88.88 0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88 0-.49-.39-.88-.88-.88z" fill="#fff"/><path d="M29 8.71h-8.39V.31z" fill="#f97316"/></svg> Signed by SignFree</a>
6
Rose
Bold, modern, attention-grabbing
Signed document preview
<a href="https://app.signfree.io/sign?ref=badge" style="display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;padding:6px 12px;border-radius:9999px;font:700 12px/1.2 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 4px 12px rgba(225,29,72,.3);" target="_blank" rel="noopener"><svg width="14" height="14" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M26.8 6.5v14.43H8.2V2.52h14.61l-2.21-2.21H5.99v22.98l11.52 11.4 11.49-11.4V8.71l-2.2-2.21zM17.5 27.52c-1.24 0-2.33.47-2.91 1.17l-5.51-5.45h16.85l-5.51 5.47c-.58-.7-1.67-1.17-2.92-1.17z" fill="#fff"/><path d="M11.19 9.03h6.6c.49 0 .88-.39.88-.88s-.39-.88-.88-.88h-6.6c-.49 0-.88.39-.88.88s.39.88.88.88z" fill="#fff"/><path d="M10.31 12.66c0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88s-.39-.88-.88-.88H11.19c-.48 0-.88.39-.88.88z" fill="#fff"/><path d="M23.48 15.87H11.19c-.49 0-.88.39-.88.88 0 .49.39.88.88.88h12.29c.49 0 .88-.39.88-.88 0-.49-.39-.88-.88-.88z" fill="#fff"/><path d="M29 8.71h-8.39V.31z" fill="#f97316"/></svg> Signed by SignFree</a>