Brand Assets

The Logo

Please feel free to use our logo, but please also bear in mind that we're picky as to how our logo is displayed. Two versions of our logo are provided to help you pair with your color scheme. We request that you do not change the logo's appearance in any way.

The Colors

ID.me has a distinct color palette that you may choose to incorporate into your own design. Below are our primary and secondary colors used throughout our brand.

  • #2FC877
  • #32A1E1
  • #353334

ID.me Button Widget

The following code snippet can be used to add the ID.me button widget to your app. This widget only supports a full page redirect to the authorization endpoint.

<span id="idme-wallet-button" data-scope="military,responder,student,teacher,government,medical" data-client-id="[YOUR_CLIENT_ID]" data-response="code" data-redirect="[YOUR_REDIRECT_URI]" data-op="signin" data-text="[AFFINITY GROUP] receives [OFFER] with ID.me" data-show-verify="true"></span><script src="https://s3.amazonaws.com/idme/developer/idme-buttons/assets/js/idme-wallet-button.js"></script>
Parameter Values Description
data-scope military,responder,student,teacher,government,medical Defines the group affiliation you are requesting permission to access.
data-client-id [YOUR_CLIENT_ID] The client identifier received during app registration. It is automatically generated and can be found in your application dashboard.
data-redirect [YOUR_REDIRECT_URI] The url the user gets redirected to after authorizing an app. Set by the developer within the application dashboard.
data-response code or token The OAuth 2.0 grant type - Authorization Code (code) or Implicit (token).
data-op signin or signup Sends the user to ID.me's signin or signup page.
data-text Example: Military members receive 10% off with ID.me A recommended parameter that displays a custom offer description within the ID.me Button Widget.
data-show-verify true or false Displays the "Verification by ID.me" text. Defaults to true.
data-width Example: 100px or 100% Sets the width of the ID.me Button Widget.
data-state Example: 24730b6d A parameter to carry through any server-specific state you need to protect against CSRF issues.