Branding Guielines for "Sign in" Button

Matt Greco 1 Reputation point
2021-11-18T21:22:21.21+00:00

We are developing an application that will use the Microsoft Identity Platform as a third-party identification provider (along with a few other third-party providers). We will need to use the Microsoft logo in a sign-in button that matches the style of our app, and stays uniform with buttons indicating other identity providers.

https://learn.microsoft.com/en-us/azure/active-directory/develop/howto-add-branding-in-azure-ad-apps

A few questions:

  • Can you confirm that it is OK for us to use the Microsoft logo and "Sign in with Microsoft" in a button that matches the style of our app? We cannot use the recommended button style in the above article, as it is a different size, color, and font than the other identity providers we will support?
  • Can you confirm that it is OK for us to use one single, system font (for instance 'San Fransisco' on OSX) for the "Sign in with Microsoft" text within our button? We will use this same font for all auth providers.

Here are a few examples from our initial prototypes:

Microsoft Identity Manager
Microsoft Identity Manager
A family of Microsoft products that manage a user's digital identity using identity synchronization, certificate management, and user provisioning.
345 questions
No comments
{count} votes

2 answers

Sort by: Most helpful
  1. Matt Greco 1 Reputation point
    2021-11-18T21:23:13.89+00:00

    150802-screen-shot-2021-11-18-at-42240-pm.png

    No comments

  2. Matt Greco 1 Reputation point
    2021-11-18T21:23:50.26+00:00

    151556-150754-screen-shot-2021-11-17-at-13727-pm.pngFor this one, we would increase the padding around the Microsoft logo to follow the recommendation.

    No comments