Branding Customization
Make the 1Kosmos login experience unmistakably yours. From your logo and colors to the QR code and background, you can tailor the sign-in page to match your organization's brand.
Overview
Every customization below starts the same way: log in to your tenant as a community administrator, go to Settings > Branding, make your changes, and click Save.
Login page (experience, labels, logo, links)
Central logo in the QR code
Community branding
Background image layout
Sign-in page colors
Help button on the login page
Login page
In the Login page branding section, shape how users first experience sign-in:
Choose the experience —
1 - QR code (default) shows a QR code users scan with the 1Kosmos mobile app to log in without a password.
2 - Username shows a username box, after which users complete a password and OTP, or a push notification.
Hide username tab — select Hide username tab from the display to remove the Username tab (users can then no longer log in with a username).
Hide LiveID Selfie tab — select Hide LiveID Selfie tab from the display to remove the LiveID tab (users can no longer see the LiveID Selfie tab on the login page. However, users can still use LiveID Selfie through Adaptive Auth Journeys.)
Custom labels — replace the default Sign In label (e.g., Welcome to 1Kosmos) and the default username label (e.g., Enter your corporate ID).
Custom hyperlink — turn on Enable Customize hyperlink text & URL, then enter display text and an optional destination URL. A valid
http:///https://URL redirects users; otherwise the default mobile app download links are used. This replaces the default Don't have the app? iOS / Android links; disabling restores them, and re-enabling resets previously entered values.Custom app download text — turn on Enable Customize Mobile App download text and enter your own message to replace the default download text.
Disclaimer — add your organization's disclaimer, shown at the bottom of the sign-in page.
Community Logo — click Upload to add your logo.
Community Branding
In the Community Branding section, set how your community's browser tab and logo appear to users:
Tab name — enter the name to be shown in the browser tab (e.g., My Community).
Favicon — upload the small icon shown in the browser tab. Must be a .ico, .png, or .svg file, under 1MB, with a recommended size of 32px x 32px.
Community Logo (required) — upload the logo displayed for your community. Must be a .png, .jpg, or .gif file, under 2MB in size.
QR code
In the QR code customization section, brand the central logo and colors of the QR code:
Corner Square Color — set the corner square color (default
#1B0B39).Dots Color — set the dots color (default
#1B0B39).Central logo — click Upload to add an image.
Image layout
In the Image Layout section, set the background image for your sign-in page:
Upload Image — add an image (JPG, PNG, or GIF; recommended resolution 1920×1080; max 2 MB).
Display style — choose Full width Background (image across the entire page) or Left Panel (image on the left panel only).
Left Panel Background Color — select a background color.
Sign-in colors
In the Left Panel section, fine-tune the colors of individual sign-in page components:
Background Color · Title Text Color · Primary Button Color · Tabs Text Color · Links Color · Footer Color.
Help button
Give users a way to get unstuck. Toggle the Help Button on Login Page slider to display a Help button in the login page footer, where users can view customizable helpdesk information such as support numbers and email addresses.
Once enabled, customize the Help Button background color, Help Button title, Content Window title, and Content (the on-screen tip shows exactly what's customizable). After saving, test it by logging out and clicking the Help button at the bottom-right of your tenant login page.
Last updated
Was this helpful?