Our logo

The Simployer logo is based on the Rubik medium typeface with our 3 dots replacing the “i”, as well as a few subtle modifications.

  • Always use logo files provided - do no re-create or modify in any way.
  • Do not combine logo with co-brands using text - ask for the appropriate logo.
  • Please make sure white-space around the logo is correct.

Logo collections

The horizontal logo is the primary logo and should be used in most instances. The secondary logo (also known as the our s, or s-symbol) is used for small sizes or viewports, or where branding has other requirements.

Partnership logos are where the primary logo is set with another logo/company name, or an app/module name.

Simployer logo as text?

Use a capitalized first letter: Simployer. For partnerships or product/module names, the same applies: Simployer Learning Library

Combining logos?

Using the primary and secondary logos in the same view is normally not allowed. But they can be used together in some cases, for example:

  • Web page: primary in header, secondary in footer
  • Web: swapping the logo for smaller screens responsively
  • Decoration: for sportswear etc
  • Presentation: alternating on different slides, but not on the same slide.

Please consult the UX team if you have a need to show both logos at the same time.

Primary logo

The primary logo is the preferred variant.

Primary logo - positive

Primary logo - negative

Secondary logo

The secondary logo is meant for smaller screens where the primary logo will be too small, or where space is limited. It may also be used for decorative purposes - but only with the approval of the Design team.

Secondary logo - positive

Secondary logo - negative

Partnership logos

Used in transitional period if we aquire a new brand. 
These logos should always be custom made by the design team.

Stage 1: the tie-in

In the event of acquisitions, the first step is to display logos/branding with a tagline to establish the tie-in to Simployer.
It is also common to state this in the footer of websites/presentations.

Stage 2: co-branding

If the logos do not match, or if separate branding is ceased but name kept, the company name should be set in Rubik medium as in stage 3. Consult design team.

Stage 3: partnership

The Partnership logo should evolve to a product logo in due course, if applicable.

Module & product logos

These logos are used in our applications only - and not as part of branding. The primary logo and app title are separated by a forward slash.
Consult design team.

Desktop

The desktop version uses the primary logo, a slash and the module/product name

Mobile

The mobile version uses the secondary logo, no slash and module/product name.

Note: the secondary logo size/height should be the same as the primary logo used in other contexts so the transition looks good between public sites - module/product.

Logo & white space

The logo may not be altered in scale or proportions, or modified in any way. Please make sure white-space around the logo is correct.

Default: the logo should have free space to the size of two stacked “o”s from the logo in all directions.

Tight: if space is limited, such as in a header, minimum white space to the size of a single “o” from the logo.

The same white space rules apply to all logo variations.

Favicons

Secondary logo, but with square canvas. Normally renders in several sizes. Note that these may be used as bookmark icons on handheld devices. This may create a conflict with our native app icons.

The App & Fav-icons should be white on our Primary Dark Blue background for everything Simployer.

Native app icons

Native apps for iOS and Android. Note: original files do not have rounded corners.

     

App icons for Simployer suite, &frankly, Learning Library

Logo & colors

Simployer logos may only be set in primary dark blue or white. Background colors can vary according to figures below. We recommend using the standard colors for all headers - white logo on Primary dark blue background.



Recommendation:
If the visitor is exposed to Simployer content that uses one of the secondary, tertiary or background colors to carry the visuals, try to have the primary logo combo shown in context.



Example: if you have a Powerpoint presentation using pinks, use a start and end slide in Primary dark blue/white.

Logo colors: positive and negative

Primary - positive

Primary - negative

Allowed variations

Black or gray positive logos are meant for occasions where colors are not available.
If you need to place our logo on top of an image, please ask the design team for assistance to ensure contrast is within requirements.

Examples: not allowed

Logo downloads

Included in the .zip files you will find logo variants in .svg (vector) and .png formats.

Primary logos

Secondary logos

Please note that these are the standard logos only. All other variants should be ordered through the design team.

Custom logos?

In some cases we want to make one-offs for certain campaigns or events - where the logo and colors do not adhere to the guidelines found here.

Requests for custom variations should always go through the UX team, and never be used without approval.