Skype URIs: Branding guidelines

Learn how to properly and effectively incorporate Skype branding elements into your applications.

Last modified: March 16, 2016

Applies to: Skype

In this article
Matching brand elements with actions
Size and spacing requirements
Background requirements
Downloading the Skype Brand Elements
How not to use the Skype Brand Elements
Additional resources

Your use of the Skype logo, name, and other brand elements in your app’s design, appearance, and marketing materials are detailed in and governed by the Skype Brand Guidelines. As a general rule, third parties may not use the Skype Brand Elements unless they have either received prior written permission, or the proposed use falls within certain limited exceptions.

In particular, your app or webpage:

  • Must not incorporate any of the Skype Brand Elements, or variations thereof, into your own product names, service names, trademarks, logos, company names, domain names, meta tags, adwords, keywords, search terms, and so forth.

  • Must ensure sufficient space around the Skype Brand Elements so they appear clean and uncluttered.

  • Must ensure placement of the Skype Brand Elements on an appropriate background.

Your app or webpage must use the appropriate brand element for the Skype URI action being initiated.

Table 1.  Image to use for Skype button

Button

Image

Shift Focus

Skype icon

Audio or Video Call

Skype call button icon

Chat

Skype chat button icon

Choose: Call or Chat

Skype dropdown call or chat button icon

You must keep sufficient space around the Skype Brand Elements so they appear clean and uncluttered, particularly if the Skype URI is associated with another logo or text string.

Specifically, this means maintaining 100% spacing or 16 pixels, whichever is larger. For example, if you are using a 24 pixel brand element, you must maintain a 24 pixel margin around that brand element. Similarly, if you are using a 10 pixel brand element, you must maintain a 16 pixel margin around that brand element.

Figure 1. Branding elements with appropriate pixel margins

Branding elements with appropriate pixel margins

You must ensure that the Skype Brand Elements appear on a complimentary background.

Skype URI-specific brand elements are available in two colors:

  • Skype Blue (preferred)

  • White

You should use an element’s white variant only when your background conflicts with the element’s Skype Blue variant.

Figure 2. Skype logo on complimentary colored backgrounds

Skype logo on complimentary colored backgournds

You must ensure that the Skype Brand Elements appears on an appropriately contrasted background. Do not place the Skype logo over busy areas of photographs. The logo should always be legible.

Figure 3. Skype logo on contrasted backgrounds

Skype logo on contrasted backgrounds

For webpages, the Skype.ui JavaScript function incorporates and accesses the Skype URI-specific brand elements dynamically when the webpage is rendered. While the function ensures sufficient space around the Skype Brand Element, it cannot ensure placement on an appropriate background.

For Windows 8, Android, and iOS applications, you can download the Skype URI-specific brand elements from the Skype Developer website, and incorporate them as application resources.

The brand elements are available as PNG files in the following pixel sizes: 10, 12, 14, 16, 24, 32, 48, 64, and 80. Color choices are Skype Blue and white, both on transparent backgrounds.

The Skype action must always be kept clear and uncluttered as a standalone capability. Along these lines, here are some examples of how not to use the Skype URI-specific brand elements.

Backgrounds

Do not place the Skype Brand Elements on a non-complimentary background.

For example, do not use an element’s Skype Blue variant on a blue or similarly hued background. In addition, do not use an element’s white variant on a light-colored background, or on one that compliments the element’s Skype Blue variant.

Figure 4. Skype icon placed on non-complimentary backgrounds

Skype icon placed on non-complimentary backgrounds

Clear space

Do not place the Skype Brand Elements next to other design elements, such as text, within the clear space area (100% of the size of the Skype Brand Element or 16 pixels, whichever is larger).

Figure 5. Skype logo with text placed within clear space area

Skype icon with improperly added text

Borders and lines

Do not add borders or lines to the Skype Brand Elements, or place them in an inappropriate place on a photo or other artwork.

Figure 6. Skype logo with added border

Skype icon with improper border
Figure 7. Skype logo placed over photograph

Skype icon improperly placed over photo

Alterations

Do not alter the Skype Brand Elements in any way.

Table 2.  Skype Brand Element alterations to avoid

Alteration

Example

Alter the position of the Skype Brand Element components, creating your own configurations.

Skype icons improperly positioned together

Alter the text element by using italics, changing the proportions, or changing the skew.

Skype icon with improperly italicized lettering

Add special characters, symbols, or graphic elements.

Do not combine Skype icon with special characters

Add effects, such as drop shadows.

Do not use effects such as shadows on Skype icons

Rename the Skype action.

Do not rename Skype actions
Show: