Badge Designs
Choose Your Badge
All badges use inline styles and SVG icons — no external CSS or images needed. They work on any website.
Light Horizontal
Clean light badge — ideal for headers and sidebars.
<a href="https://www.translife.co?utm_source=badge&utm_medium=partner&utm_campaign=translated_by" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d2d2d7;border-radius:8px;background:#fff;text-decoration:none;font-family:system-ui,sans-serif;font-size:12px;color:#1d1d1f;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#0066cc" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z"/></svg><span>Translated by <strong style="color:#0066cc">Translife</strong></span></a>Dark Horizontal
Dark badge — perfect for light-colored website footers.
<a href="https://www.translife.co?utm_source=badge&utm_medium=partner&utm_campaign=translated_by" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #333;border-radius:8px;background:#1d1d1f;text-decoration:none;font-family:system-ui,sans-serif;font-size:12px;color:#fff;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#4d9fff" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z"/></svg><span>Translated by <strong style="color:#4d9fff">Translife</strong></span></a>Vertical (Footer)
Stacked layout — great for footer placements.
<a href="https://www.translife.co?utm_source=badge&utm_medium=partner&utm_campaign=translated_by" target="_blank" rel="noopener" style="display:inline-flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border:1px solid #d2d2d7;border-radius:12px;background:#fff;text-decoration:none;font-family:system-ui,sans-serif;text-align:center;"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#0066cc" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z"/></svg><span style="font-size:11px;color:#86868b">Professionally translated by</span><strong style="font-size:14px;color:#0066cc">TRANSLIFE</strong></a>Minimal Text
Lightweight text-only link — fits anywhere.
<a href="https://www.translife.co?utm_source=badge&utm_medium=partner&utm_campaign=translated_by" target="_blank" rel="noopener" style="font-family:system-ui,sans-serif;font-size:11px;color:#86868b;text-decoration:none;">Translated by <span style="color:#0066cc;font-weight:600">Translife</span></a>Certified Translation
For clients with certified translations — links to the certified translation page.
<a href="https://www.translife.co/certified/?utm_source=badge&utm_medium=partner&utm_campaign=certified_badge" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #34c759;border-radius:8px;background:#f0fdf4;text-decoration:none;font-family:system-ui,sans-serif;font-size:12px;color:#1d1d1f;"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#34c759" stroke-width="2"><path d="M9 12l2 2 4-4"/><circle cx="12" cy="12" r="10"/></svg><span>Certified Translation by <strong style="color:#0066cc">Translife</strong></span></a>