VISUAL

Brand Images (PNG)

• Program Icon
• Program Logo
• Program Header
• External Program Header
• iOS App Icon
• Android App Icon
• Google Play Feature Graphic

Colors (hexadecimal)

• Accent Color
• Theme Color
• Primary Color

Wallpapers (PNG)

• Mobile App Wallpaper
• Web Wallpaper
• Splash Screen

Other (Mixed)

• Screenshots (for store listing)
• Welcome Video

Names

• Organization Name
• Organization Code
• Program Name
• App Name
• App Display Name

Legal

• Terms of Service
• Privacy Policy

Sharing

• Appended Hashtag
• Tracking Hashtags

Store Listings

• App Full Description
• App Short Description
• App Keywords

ASSET

DETAILS

EXAMPLE(S)

Accent Color

Configure in Studio

Location: accent elements throughout the employee experience such as the sign in buttons, navigation menu, featured content header, an overlay on several pages, and more.

On mobile app screens such as submit content, assistant, explore, and profile, the Accent Color is used as an overlay on top of the Mobile App Wallpaper.

Issue Example:

• Don't use the same colors for the Accent Color and Mobile App Wallpaper - the sign in button will blend into the wallpaper.

FEATURED TEXT

MOBILE APP SIGN IN BUTTON - GOOD & BAD

OVERLAY ON TOP OF WALLPAPER

Android App Icon

Provide to SocialChorus Contact

Location: the Android device screen and in the Google Play listing.

The Android App Icon could be very similar to your Program Icon.

See App Name for a screenshot of what app icons look like on the user's device.

App Display Name

Provide to SocialChorus Contact

Location: the App Store and Google Play listing.

For the mobile app store listings, there is a special variant of your App Name called the App Display Name. The App Display Name is the name that users search for and see displayed in the mobile app stores.

While we recommend that the names are similar, the App Name should be short (to fit on the user’s device screen) while the App Display Name must be unique from all other apps in the stores.

For example, MGM Resorts used "LEO" as their App Name and "LEO by MGM Resorts" as the App Display Name.

APP NAME "LEO"

APP DISPLAY NAME "LEO by MGM Resorts"

App Full Description

Provide to SocialChorus Contact

Location: the App Store and Google Play listing.

If no description is provided, we will use the example.

EXAMPLE FULL DESCRIPTION

[App Name] is a better way to stay informed and connected with the [Organization Name] community -- in just 2 minutes a day.

Why you’ll love the [App Name] App:

• Stay up-to-date on the latest business, industry and local news & information
• Receive personalized notifications on breaking news and announcements
• Connect with your community by posting photos, stories, and feedback
• Share relevant content and become a social thought leader
• Elegantly designed to fit your on-the-go lifestyle

App Keywords

Provide to SocialChorus Contact

Location: the App Store listing.

App Keywords improve App Store searchability.

To improve searchability in the Google Play listing, please incorporate keywords into the App Full Description.

App Keywords are not visible in the App Store.

App Name

Provide to SocialChorus Contact

Location: under the mobile app icon on the user's device.

The App Name is the user's introduction to your single tenant mobile app and is a good way to set the stage for your users.

Some companies incorporate the company name while others omit their company name to avoid confusion for their consumers in the app stores. Examples of creative names that hint at the company purpose or culture without using the company name: Carnival Cruise Lines - “First Mate”, AB InBev - “Cheers”, and Hilton Hotels - “Lobby Buzz”.

If your organization only has one program, using the same name for the Program Name and the App Name will reinforce the branding. If you have multiple programs, your App Name should be distinct from your Program Names.

The shorter the App Name (typically 3-10 characters), the more likely it will appear in full on user’s phones. Note though, results will vary based on device size and resolution.

Your App Name can be anything, there is no requirement for it to be unique.

See also App Display Name.

MULTIPLE EXAMPLES OF SINGLE TENANT APPS ON USER DEVICE

App Short Description

Provide to SocialChorus Contact

Location: the Google Play listing.

If no description is provided, we will use the example.

See also App Full Description.

EXAMPLE SHORT DESCRIPTION

[App Name] is a better way to stay informed and connected with the [Organization Name] community.

Appended Hashtag

Optional - Configure in Studio

Location: share message when sharing to some social networks.

The Appended Hashtag is automatically added to your user's share if the target social platform allows pre-populated text.

The Appended Hashtag helps program users identify themselves as employees of your company. 

Note: some platforms do not allow pre-populated text. For example, Facebook requires the employee to add the hashtag manually due to platform policy. We encourage communicating directly and clearly with your Members about recommended hashtags.

TWITTER WEB SHARE

External Program Header

Optional - Configure in Studio

Location: center of the banner on public facing pages.

Public facing pages includes articles or videos that were created within the program and set to shareable. The shared link will open a page that uses the Theme Color and External Program Header. The External Program Header is configured separately from the Program Header so that you can express different branding to non-Members. The External Program Header image can include transparency.

If the External Program Header is not provided, your Program Name will be displayed instead.

WEB EXPERIENCE OF SHARED ARTICLE

Google Play Feature Graphic

Provide to SocialChorus Contact

Location: before the app screenshots on the Google Play store listing. Depending on device and app version, this image may not be displayed to some users.

The Google Play Feature Graphic may look very similar to your Program Logo.

Don't include any copy or important visual information near the borders of the asset - specifically near the bottom third of the frame. If adding text, use large font sizes. The graphic may be displayed alone without the app icon - so you may want to include the icon in the feature graphic.

EXAMPLE FEATURE GRAPHIC

iOS App Icon

Provide to SocialChorus Contact

Location: iOS device screen and in the App Store listing.

This icon could be very similar to your Program Icon.

For optimal appearance, this icon should be 72 dpi and in sRGB. Note, Apple will apply a mask that rounds icon corners automatically, therefore the original asset must include the corners.

See App Name for a screenshot of what app icons look like on the user's device.

Mobile App Wallpaper

Configure in Studio

Location: background of multiple pages in the mobile app including sign in, join now, submit content, explore, and others.

For information about the initial launch page that says "Tap to Continue", please refer to the Splash Screen.

Please select a high-resolution image without words, logos, or symbols. The wallpaper will be used in several different contexts and user devices vary in size, which means that the interface elements and text need to be able to lay over the wallpaper dynamically.

The overlay text of the sign in and join now page will render in your Primary Color, but is otherwise not customizable.

The Accent Color is sometimes used as an overlay on top of the mobile app wallpaper.

The Primary Color, Accent Color, and Mobile App Wallpaper should all be distinguishable from each other.

Issue Examples:

• Don't include text or logos in your wallpaper.
• Don't use similar colors as the Primary Color, Accent Color, and/or Wallpaper.
• Don't use an image for your Wallpaper that contains high contrast colors.

MOBILE SIGN IN & ACCENT COLOR OVERLAY

ISSUES: TEXT & LOGOS

ISSUES: SIMILAR COLORS & HIGH CONTRAST

Organization Name

Location: sign in page of the mobile app experience and (if multiple programs are available) program selector.

"Organization" at SocialChorus is the umbrella under which you have one or more programs.

The Organization Name helps both members and SocialChorus staff identify your company, therefore it is usually simply your company name. As the Organization Name is your company name, it does not need to be modified unless your company name changes.

Note that there are no visual assets associated with your organization. All visual assets are for your program(s).

See also Organization Code.

MOBILE SIGN IN & PROGRAM SELECT

Organization Code

Location: 1st Up organization lookup.

1st Up mobile app users can look up their program in two ways: by Organization Code or their email. If there are multiple programs under your organization, the same Organization Code is used for all of the programs.

The Organization Code is usually a variant of the Organization Name, though the Organization Code must be unique from all other codes in use at SocialChorus. Both the Organization Name and Organization Code are configured very early in your program's creation process and rarely altered.

Changing the Organization Code is strongly discouraged as a change can compromise SSO configurations, links, bookmarks, and RSS Feeds that draw from the program. If an update is absolutely necessary, to initiate a code change process please contact support@socialchorus.com.

1ST UP ORGANIZATION LOOKUP

Primary Color

Configure in Studio

Location: all text on the mobile app sign in page.

MOBILE SIGN IN
WHITE vs BLACK

Privacy Policy

Configure in Studio

See Terms of Service.

Program Header

Optional - Configure in Studio

Location: center of the banner on the web experience.

This image will overlay the Theme Color, and can include transparency.

The Program Header may be between 200px and 500px wide, but 300px is recommended.

If the Program Header is not provided, your Program Name will be displayed instead.

WEB EXPERIENCE

Program Icon

Configure in Studio

Location: next to the Program Name in program content cards and other locations throughout the employee experience.

This icon represents your program as it will appear throughout different deployments of the employee experience.

We recommend making an image that includes as little whitespace as possible, as this image is often displayed as small as 35px x 35px.

The Program Icon is a separate asset from the iOS App Icon and Android App Icon. Updating the app icons requires a new mobile app build. The Program Icon can be updated at any time.

CONTENT CARD

COMMUNITY MENU

Program Logo

Configure in Studio

Location: The sign in and join now pages of the web experience.

The Program Logo helps users identify which company and program they are signing into. You can use this asset to express your company branding, the program's name, and more.

WEB EXPERIENCE SIGN IN

Program Name

Configure in Studio

Location: throughout the employee experience and in email campaigns such as sign in pages, headers, emails, as the author of content, and more.

The Program Name that you select will set the tone for your communications platform, so choose the Program Name carefully. Be thoughtful about your goals and incorporate that vision into your Program Name.

Imagine you or your employees talking about your program. Here at SocialChorus we often say, "it's posted in SC Now!"

If you have more than one program, take into consideration how the names distinguish the programs from each other while still establishing an identity for each program individually.

We recommend not changing the Program Name if possible, as the Program Name is the cornerstone of your program's branding.

EMAIL

AUTHOR OF CONTENT

SCATTERED THROUGHOUT EXPERIENCE

Screenshots

Provide to SocialChorus Contact

Location: The App Store and Google Play listing.

Considerations:

• Only include names or faces of individuals that have given you consent to appear in the public app stores.
• Show shareable content that is available to All Users.
• Take screenshots of different areas of the mobile app (sign in page, my feed, explore, profile, etc.).
• For profile, the signed in user should upload a photo, bookmark some content, and follow some channels.

GOOGLE PLAY LISTING

Splash Screen

Provide to SocialChorus Contact

Location: in the single tenant mobile app, background of the initial launch screen which says "Tap to Continue" and (if multiple programs are available) background of program select.

Any text that appears on the Splash Screen is auto-generated and uses a light color. The wording and the color cannot be customized. For example, the program select page uses the App Name and Program Names. The exact positioning of the text will vary by device size.

For the Splash Screen we recommend a solid color that will contrast well with light-colored text. Consider using a neutral color that will not conflict with possible changes to your branding.

If you do use an image, please keep in mind that the image must be compatible with light-colored text and can only be updated with a new build of your mobile app which requires a new version. Text overlay will vary by device and the image may be blurred.

While similar looking, the Splash Screen is a unique asset that is configured separately from the Mobile App Wallpaper.

TAP TO CONTINUE

PROGRAM SELECT

Terms of Service

Configure in Studio

Location: accessible to users during and after registration.

The SocialChorus Platform Terms of Service and Privacy Policy are automatically added to your platform. If you want to customize the Terms of Service or Privacy Policy, there are two options:

• Link - Paste in the URL if your terms or policy are accessible via the web.
• Text Box - Type or paste the text directly into the text box editor. The text inside the text box can be formatted, but with limited options. Please make sure that any hyperlinks or images are hosted at a location that your users can access.

Note: each program is configured individually if you have multiple programs.

The SocialChorus Terms of Service and Privacy Policy can be referred to as an example. If you need a physical copy of the documents for your legal team to review, please navigate to the links below and print the web pages:

• https://www.socialchorus.com/terms-of-service/
• https://www.socialchorus.com/multi-tenant-privacy-policy/

Users accept the Terms of Service and Privacy Policy when joining the program - "By creating an account you agree to the Terms of Service and Privacy Policy". Users may see the Terms of Service and Privacy Policy presented in slightly different ways depending on the version of the program, whether SSO is enabled, and the environment (web experience or mobile app).

However, in all versions and environments, the Terms of Service and Privacy Policy are always available for review after fully registering. In the mobile app, navigate to Settings > About, in the web experience look for the links below the navigation bar on the left.

REGISTRATION MESSAGE

WEB EXPERIENCE

MOBILE APP

Theme Color

Configure in Studio

Location: Banner of the web experience and public-facing pages.

The Theme Color is only used in the banner of your web experience.

Use a dark color for your Theme Color. The buttons that appear in the web banner are always light-colored. Using a dark Theme Color allows enough contrast to see the buttons.

The Theme Color should go with your overall branding, but also not be distracting for users browsing on the web.

See also Program Header and External Program Header.

WEB EXPERIENCE

PUBLIC FACING PAGES

Tracking Hashtags

Location: not visible to Members or Studio users, not used by platform.

Tracking Hashtags are a deprecated feature, they have no impact. Do not configure.

Tracking Hashtags are not visible.

Web Wallpaper

Configure in Studio

Location: The sign in and join now pages of the web experience, community drawer of the mobile app.

The Web Wallpaper is responsive and stretches to fit the user's device, so keep in mind that users may not see the entire image.

WEB EXPERIENCE

MOBILE APP EXPERIENCE

Welcome Video

Optional - Configure in Studio

Location: at the top of My Feed after onboarding questions (such as code access) but before all other questions. The video persists at the top of the feed until acknowledged.

Use the Welcome Video to communicate a vision for the program, share compliance information, and/or highlight details about how to use your program.

The video must be publicly accessible, though it can be an unlisted video on Vimeo or YouTube. After pasting the link to the video you can click Preview to watch the video in Studio.

If you are not able to host the video publicly, consider publishing a video post to My Feed with a Require campaign instead. The downside to this option is that more recent content can push the video post down the feed and out of visibility.

MOBILE APP EXPERIENCE