ZCP brand assets

# One mark for the developer cloud.

Download the official ZCP mark for product interfaces, documentation, presentations, and partner materials. Use the supplied files to keep the platform identity consistent.

[Download the asset kit](https://zcp.zsoftly.ca/downloads/zcp-brand-assets.zip)

[Read the design story](https://zcp.zsoftly.ca/blog/a-new-mark-for-the-zcp-developer-cloud/)

Layered platform mark

Canadian origin

Download individual files

## Pick the treatment for your surface.

SVG keeps the mark sharp at any size. The supplied PNG marks are rendered directly from SVG at 4096 × 4096, with a 1024 × 1024 favicon export for tools which need a raster image.

![Color mark preview](https://zcp.zsoftly.ca/brand/zcp-mark-color.svg)

### Color mark

The primary ZCP mark for product surfaces, presentations, and customer materials.

Light and dark surfaces

[SVG](https://zcp.zsoftly.ca/brand/zcp-mark-color.svg)

[PNG](https://zcp.zsoftly.ca/brand/zcp-mark-color.png)

![Monochrome mark preview](https://zcp.zsoftly.ca/brand/zcp-mark-mono.svg)

### Monochrome mark

A single-color treatment for documents, print, and light backgrounds.

Light surfaces

[SVG](https://zcp.zsoftly.ca/brand/zcp-mark-mono.svg)

[PNG](https://zcp.zsoftly.ca/brand/zcp-mark-mono.png)

![Reversed mark preview](https://zcp.zsoftly.ca/brand/zcp-mark-reversed.svg)

### Reversed mark

A high-contrast treatment for dark backgrounds and dark presentation layouts.

Dark surfaces

[SVG](https://zcp.zsoftly.ca/brand/zcp-mark-reversed.svg)

[PNG](https://zcp.zsoftly.ca/brand/zcp-mark-reversed.png)

![Favicon preview](https://zcp.zsoftly.ca/brand/zcp-favicon.svg)

### Favicon

The compact square mark for browser tabs, shortcuts, and small application surfaces.

Small square surfaces

[SVG](https://zcp.zsoftly.ca/brand/zcp-favicon.svg)

[PNG](https://zcp.zsoftly.ca/brand/zcp-favicon.png)

ZSoftly corporate assets

## The original ZSoftly logo system.

ZSoftly is the company brand. ZCP is the cloud platform brand. Keep the two marks separate when you create customer, partner, or product materials.

[Download all formats](https://zcp.zsoftly.ca/downloads/zcp-brand-assets.zip)

![Color logo preview](https://zcp.zsoftly.ca/brand/zsoftly/svg/zsoftly-logo-color.svg)

### Color logo

The primary ZSoftly corporate logo for dark surfaces and general use.

[SVG](https://zcp.zsoftly.ca/brand/zsoftly/svg/zsoftly-logo-color.svg)

[PNG](https://zcp.zsoftly.ca/brand/zsoftly/png/zsoftly-logo-color.png)

![Color logo with background preview](https://zcp.zsoftly.ca/brand/zsoftly/svg/zsoftly-logo-color-background.svg)

### Color logo with background

The primary ZSoftly logo on the ZSoftly blue background.

[SVG](https://zcp.zsoftly.ca/brand/zsoftly/svg/zsoftly-logo-color-background.svg)

[PNG](https://zcp.zsoftly.ca/brand/zsoftly/png/zsoftly-logo-color-background.png)

![Black logo preview](https://zcp.zsoftly.ca/brand/zsoftly/svg/zsoftly-logo-black.svg)

### Black logo

A black treatment for light surfaces, documents, and print materials.

[SVG](https://zcp.zsoftly.ca/brand/zsoftly/svg/zsoftly-logo-black.svg)

[PNG](https://zcp.zsoftly.ca/brand/zsoftly/png/zsoftly-logo-black.png)

![White logo preview](https://zcp.zsoftly.ca/brand/zsoftly/svg/zsoftly-logo-white.svg)

### White logo

A white treatment for dark surfaces and dark presentation layouts.

[SVG](https://zcp.zsoftly.ca/brand/zsoftly/svg/zsoftly-logo-white.svg)

[PNG](https://zcp.zsoftly.ca/brand/zsoftly/png/zsoftly-logo-white.png)

Also included in the ZIP:

[Android favicon](https://zcp.zsoftly.ca/brand/zsoftly/favicons/zsoftly-favicon-android.png)

[iPhone favicon](https://zcp.zsoftly.ca/brand/zsoftly/favicons/zsoftly-favicon-iphone.png)

[Browser favicon](https://zcp.zsoftly.ca/brand/zsoftly/favicons/zsoftly-favicon-browser.png)

Original PDF artwork

Usage guide

## Keep the mark clear and consistent.

Use the provided files without changing their geometry or colors.

### Use the supplied files

Choose color, monochrome, reversed, or favicon based on the surface and available contrast.

### Leave clear space

Keep open space around the mark so the layers and maple leaf remain easy to read.

### Keep proportions

Preserve the square shape and original aspect ratio at every size.

### Do not alter the layers

Do not stretch, recolor, separate, outline, or add effects to the mark.

Need context?

## Read why ZCP has a new mark.

[Read the article](https://zcp.zsoftly.ca/blog/a-new-mark-for-the-zcp-developer-cloud/)