WorkTango Branding Guidelines

  • Updated

Updating your branding in the platform is simple and easy. You can upload and make changes to your logos, backgrounds, and colors within the Site design tab under Branding in the Admin dashboard. 

Site design tab

Logos

Primary Logo

A company’s primary logo is displayed in the upper left corner of their WorkTango platform. This logo’s display size changes depending on the user’s browsing device. The ideal maximum upload size is 480px wide by 108px tall for crisp clarity on retina screens. This will display at a max size of 240px wide by 56px tall. It will align to the top left corner of its bounding box and stretch to the maximum available height or width depending on its proportions. It should be uploaded as .png with a transparent background.

Mobile, Login, and Email Logo

This logo is displayed on a client’s mobile application, login page, and on any emails that are sent out. This should be uploaded at a maximum size of 2048px wide by 515px tall. It should be designed to display on a white background. It should be uploaded as .png with a transparent background.

Icon Logo

The icon logo displays in several places throughout the application. It displays in a square format and should be uploaded at 64px by 64px. It should be uploaded as .png with a transparent background.

Logo settings

Company Name

The Company name field is where you can define the display name of your company. This shows in emails and Special Recognition posts. 

This does not affect the subdomain for your company's platform. That cannot be changed or altered.

Colors

Primary color

The primary color is used throughout the platform. Depending on your Activity Feed post color option, it may also be used as the color of the display for Recognition posts. 

Use a 6-digit Hexadecimal color code to define the color. 

Secondary color

The secondary color is used in Special Recognition posts. 

Use a 6-digit Hexadecimal color code to define the color. 

Platform background options.png

Backgrounds

Background Color

A company is able to choose a custom background color for their WorkTango platform to align with branding. This is done by entering a hexadecimal value of the preferred color.

Background confetti

If a company is using a custom background color, they have the option to overlay a transparent celebratory confetti pattern to their background.

Background Image

A company is able to upload a custom background graphic for the application. The background’s layout and proportions change depending on the user’s browsing device. The ideal upload size is 1920px wide by 1200px tall. The background’s position will scale to cover the page as it is resized, positioned to the top center of the page. The background image will interact with the platforms logo, search bar, and user menu. Make sure your image does not effect visibility of these elements.

WorkTango has a library of backgrounds that you can use for your platform based on seasonal or holiday events. See here for more information. 

 

Related to

Was this article helpful?

0 out of 0 found this helpful

Have more questions? Submit a request

Comments

0 comments

Article is closed for comments.