Using the Crowdin Logo

Crowdin Logo

We encourage you to check out the following guidelines that provide clear instructions and standards for using our logo, color palette, and other design elements.

Logo

The full version of the Crowdin logo is for use on the web and in printed materials.

DOWNLOAD

Dark: SVG, EPS, PNG

White: SVG, EPS, PNG

Stacked Logo

This version is used for optimizing vertical space.

DOWNLOAD

Dark: SVG, EPS, PNG

White: SVG, EPS, PNG

Mark

Use the logo mark only where space constraints don’t allow the horizontal full version logo.

DOWNLOAD

Dark: SVG, EPS, PNG

White: SVG, EPS, PNG

Badge logo

Suitable for all types of background

DOWNLOAD

SVG, PNG

Small-scale Logo

Use when the logo mark should be between 16 to 48 pixels in width or height.

DOWNLOAD

Dark: SVG, PNG

White: SVG, PNG

Logo Spacing

Preserve the correct logo spacing to maintain visual balance and keep the logo proportional.

• Allow correct white space
• Keep the logo sharp by choosing the proper resolution
• Use light neutral backgrounds
• Keep the logo easily visible

• Don’t alter the logo in any way
• Don’t add drop shadows

Using the Logo in Various Shapes

Below are examples of how to use the Crowdin logo when it is inscribed in different shapes, such as circles or squares. The alignment of the logo is achieved visually, considering the asymmetrical shape of the mark.

Logo in a Round Shape

To place the logo in a round shape, use visual alignment by placing the logo approximately 5-8% to the right. Ensure that the logo is scaled proportionally, making it 20% smaller than the background area.

Logo in a Round Shape

When placing the logo in a square shape, use visual alignment by placing the logo approximately 5-8% to the right and make it 25-30% smaller than the background area.

Logo Colors

Color examples

cDark

Hex: 263238

RGB: 38 50 56

Pantone: 433 CP

cWhite

Hex: ffffff

RGB: 255 255 255

Pantone: P 179-1 C

Correct Logo Applications

Examples of the correct use of the logo on plain surfaces and photos.

Incorrect Logo Applications

Examples of the incorrect use of the logo, not maintaining proportions, using the wrong logo color, etc.

Avoid Using the Old Crowdin Logo

Avoid Stretching

Avoid Low Contrast

Using on Busy Background

Badge

Use the badge when you want to show our partnership or let others know that you use Crowdin to localize your own project.

DOWNLOAD

.zip (all badges)

Brand Guidelines

Explore our guidelines for properly using and applying our brand’s visual elements.

Download Brandbook

Crowdin icon

×

Copy code below to use Crowdin icon in your HTML:

<svg version="1.1" id="crowdin-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" x="0px" y="0px" viewBox="0 0 24 24" fill="black" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path d="M15.8,17.4c-0.6,0-1.1-0.2-1.5-0.5c-0.5-0.4-0.9-1-0.9-1.7c0-0.4,0.4-0.4,0.4-0.4h0.9c0.3,0,0.4,0.4,0.4,0.5 c0.1,1,0.7,1.4,1.1,1.6C16.4,17,16.3,17.4,15.8,17.4L15.8,17.4z M10.6,12.5l-1.8-0.2C8,12,8,11.3,8.1,11.1c0.1-0.7,0.4-1.4,0.7-2 c0.5-0.7,1.2-1.4,2.1-1.9c1.7-1,4.1-1.6,6.7-1.6c1.9,0,3.9,0.3,3.9,0.3c0.2,0,0.3,0.2,0.3,0.4c0,0.2-0.1,0.4-0.3,0.4h-0.8 c-2.7,0-4.6,0.4-6,1.2s-2.4,2-3,3.7C11.6,11.7,11.4,12.6,10.6,12.5L10.6,12.5z M12.9,19.8c-1.3,0-2.6-0.6-3.5-1.6 c-0.8-0.9-1.3-1.8-1.4-2.9c-0.1-0.8,0.3-1,0.7-1l1.8,0.2c0.4,0.1,0.7,0.3,0.8,0.8c0.4,2.5,1.9,3.5,2.9,3.8c0.2,0,0.3,0.1,0.3,0.3 c0,0.2-0.1,0.3-0.3,0.4C13.7,19.8,13.3,19.8,12.9,19.8L12.9,19.8z M9.1,22c-0.7,0-1.4-0.1-2.1-0.2c-1.1-0.2-2-0.5-2.8-1.1 c-1.9-1.2-3-3.4-3.2-5.9c0-0.6-0.1-1.8,1.3-1.7c0.6,0,1.5,0.3,2.2,0.5c0.8,0.2,1.2,0.9,1.2,1.5c0,3.6,3.2,6,4.6,6 c0.6,0,0.4,0.7,0.1,0.7C10,22,9.4,22,9.1,22L9.1,22z M4.2,11.5c-0.6-0.1-1.1-0.3-1.6-0.5C1,10.6,1.3,8.9,1.4,8.5 c1.5-4.4,6.2-5.9,10-6.3c3.6-0.4,7.3-0.1,10.8,0.9c0.3,0.1,1.2,0.3,0.7,0.8c-0.3,0.3-1.6,0-1.9,0c-2-0.2-4.1-0.2-6.1,0.1 c-2.2,0.3-4.4,1-6.1,2.5c-1,0.7-2.5,3.2-2.5,3.5C6.2,10.3,5.8,11.7,4.2,11.5L4.2,11.5z M13.3,12.3c0.3-1.4,1.7-3.6,5.9-3.4 c1,0,0.5,0.7,0,0.7c-2.4-0.1-3.5,1.5-4.1,3c-0.2,0.5-0.6,0.6-1.2,0.5C13.6,13,13.2,13,13.3,12.3L13.3,12.3z"></path></svg>