Button [Social / SSO]

Overview

The Social Button provides branded login, authentication, and connection triggers for every major platform. It covers 13 brand options with official brand colors or neutral Black and White styles, so you can build SSO sign-in flows, social profile links, and third-party integrations that stay on-brand on any background.

When should you use them?

Use social buttons for SSO sign-in, account connection, and social profile linking, anywhere a user authenticates or links a third-party account. They give users a fast, familiar way to sign in without creating yet another password.

How should you use them?

• Use the official brand for each provider you actually support (Google, Apple, GitHub, and others).
• Use Colorful for instant brand recognition; switch to White or Black when brand colors clash with your UI.
• Keep buttons consistent in size and order when offering multiple sign-in options.
• Use Icon Only mode for compact social link rows and profile pages.
• Label each button clearly ('Continue with Google') so the provider and action are obvious.
• Follow each provider's official sign-in button guidelines, especially Apple's.