Three ready-made badges you can drop straight onto your own site to link back to EUVibe. Pick whichever fits your page best, copy the code underneath it, and paste it into your site's HTML. Each one is self-contained, so there's no image file to host separately.
Fits straight into a row of social icons, same size and shape as the examples you already have.
<a href="https://app.euvibe.eu" target="_blank" rel="noopener" aria-label="EUVibe" style="display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1A56DB;border-radius:9px;text-decoration:none;font-family:Georgia,serif;color:#fff;font-size:15px;">EU</a>
A bit more visible than the icon alone — good for a footer links row or a "resources" section.
<a href="https://app.euvibe.eu" target="_blank" rel="noopener" style="display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #E4E7EC;border-radius:999px;padding:8px 16px 8px 10px;text-decoration:none;font-family:sans-serif;font-size:14px;color:#0F1A2E;"> <span style="width:22px;height:22px;background:#1A56DB;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Georgia,serif;font-size:11px;">EU</span> <span>On <span style="color:#1A56DB;">EU</span>Vibe</span> </a>
If you're hosting your own circle, this makes that explicit rather than just linking to the app in general.
<a href="https://app.euvibe.eu" target="_blank" rel="noopener"
style="display:inline-flex;align-items:center;gap:9px;background:#EBF2FF;border-radius:10px;padding:10px 16px;text-decoration:none;font-family:sans-serif;color:#0F1A2E;">
<span style="width:24px;height:24px;background:#1A56DB;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Georgia,serif;font-size:12px;">EU</span>
<span style="display:flex;flex-direction:column;line-height:1.25;">
<span style="font-size:11px;color:#5C6B85;">Hosting a circle on</span>
<span style="font-size:13.5px;font-weight:600;">EUVibe</span>
</span>
</a>