Brand and button

Use the name and mark exactly as written so users recognize the account they are signing in with. The name is always Amped.Bio, with a capital B.

The button

Two variants. Use the filled button on light backgrounds and the outline button where a filled button would compete with your own primary action. Download the button you ship and the mark below.

Button copy

• Do use "Sign in with Amped.Bio" or "Continue with Amped.Bio".
• Do not use "Login with Amped", "Amped login", "amped.bio OAuth" or translated variants.

Button markup

<a class="amped-sign-in" href="https://auth.amped.bio/oauth2/authorize?...">
  <svg width="41" height="21" viewBox="107 271 297 154" aria-hidden="true">
    <polygon
      fill="#FFFFFF"
      points="107.95 424.62 216.63 272.37 257.55 272.37 147.55 424.62 107.95 424.62"
    />
    <polygon
      fill="#FFFFFF"
      points="253.21 424.62 361.89 272.37 402.81 272.37 292.81 424.62 253.21 424.62"
    />
    <polygon
      fill="#FFFFFF"
      points="163.39 424.62 257.28 293.82 273.45 313.63 192.43 424.62 163.39 424.62"
    />
    <polygon
      fill="#FFFFFF"
      points="208.27 424.62 282.03 325.67 297.04 344.15 237.31 424.62 208.27 424.62"
    />
  </svg>
  Sign in with Amped.Bio
</a>

<style>
  .amped-sign-in {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 13px;
    background: #5650a2;
    color: #ffffff;
    font:
      700 16px/20px Figtree,
      Arial,
      sans-serif;
    text-decoration: none;
  }
</style>

Keep the mark 21px tall, preserve its proportions, and never place it on a low contrast background.

Colors

Both buttons are at least 44px high with a 13px corner radius.

Consent screen

Our consent screen is hosted by us and cannot be restyled. You may show your own explanation of what you do with the data before redirecting, but you must not ask users to hand over their Amped.Bio password anywhere except on our own pages.

Support

Questions about an integration, rate limits or a redirect URI change? Contact support (opens in a new tab) or read the Help articles (opens in a new tab).