For Digital Service Providers (Publishers), correctly integrating the mPass brand is essential for ensuring a recognizable and trusted experience when users sign in or make payments on your website or app. This guide summarizes the key rules for mPass brand asset usage specific to your role.
Core Co-Branding Principles
Our co-branding strategy is built on providing a clear, trustworthy user experience while respecting your brand ownership.
- Your Brand Leads on Your Properties: When a user interacts with your website or app, your branding is primary.
- mPass Brand Identifies its Functionality: mPass elements are integrated as a trusted, clearly delineated third-party service.
- Moneta Brand Provides Trust Endorsement: The “mPass by Moneta Network” lockup is used sparingly and strategically to signify the underlying network’s security and reliability, primarily during sensitive authentication moments or within informational contexts.
Key mPass Brand Assets & Usage Specific to Publishers
These guidelines detail the precise specifications for integrating mPass functionality into your digital properties.
-
“Sign in with mPass” Button:
-
This is a standardized asset that we ask you to create and use on your sign-in/authentication pages to signal that users can use their trusted mPass account. Please adhere to precise specifications for its construction.
-
Text & Icon: The button should use one of the approved texts (“Continue with mPass,” “Sign in with mPass,” or “Sign in”) and include the official mPass logotype or standalone ‘m’ icon. Official asset files will be provided, and it is crucial that they are not altered, stretched, recolored, or distorted.
-
Color & Style: Please build one of the three official variations based on what best suits your site’s design. The button should have a flat appearance with no effects like shadows, glows, bevels, or 3D effects.
- Primary Blue Button (Preferred): Background: mPass Blue (#1C05B3); Text & Logotype/Icon: White (#FFFFFF).
- White Button (Light Theme): Background: White (#FFFFFF); Text & Logotype/Icon: mPass Blue (#1C05B3); Border: A 1px solid border using mPass Blue (#1C05B3) or a subtle neutral gray.
- Dark Button (Dark Theme): Background: Dark neutral (#4D4D4D); Text & Logotype/Icon: White (#FFFFFF).
-
Sizing & Spacing: The button’s final rendered height should be between 36px (minimum) and 44px (recommended) . Please ensure specific internal padding and clear space rules are met to ensure legibility and usability.
-
-
mPass-Branded User Experience (Modals):
- When a user clicks the “Sign in with mPass” button, they enter a secure, mPass-branded environment. The mPass authentication and subscription pages will appear as modals on your site.
- Please do not attempt to alter or re-style these modals . These pages are intentionally branded with the mPass logotype, colors, and fonts to reassure the user they are in a secure environment. All UI components within these mPass-controlled interfaces are designed to adhere to the mPass Visual Identity.
-
Moneta Endorsement Lockup:
- The subtle “mPass by Moneta Network” lockup is part of the mPass authentication page. It reinforces the network’s security. Its appearance adheres to specific tagline specifications and clear space rules.
Accessing Official mPass Brand Assets
Official mPass logo files, specific button variations, icon assets, and detailed application guidelines are now conveniently accessible via our Google Drive partner asset folder. Please contact your Moneta Partner Success representative for any specific requests.