---
title: "Brand Guidelines"
description:
  "Brand guidelines for Zuplo: logo usage rules, the three-color palette (Vivid
  Magenta, Black, White), and direct download URLs for the wordmark, brandmark,
  and icon hosted on cdn.zuplo.com."
canonicalUrl: "https://zuplo.com/brand"
sourceUrl: "https://zuplo.com/brand"
pageType: "company"
generatedAt: "2026-05-22"
---

# Brand Guidelines

> The Zuplo logo, brandmark, and color palette, plus the rules that keep
> everything looking consistent across press, partner, and community use.

All logo assets are hosted on the Zuplo CDN and follow a single URL pattern:

```
https://cdn.zuplo.com/static/logos/<filename>.<ext>
```

## Logos

### URL format

```
https://cdn.zuplo.com/static/logos/<filename>.<ext>
```

The wordmark filename pattern is `<logo-color>-<background-color>`. For example,
`pink-white` is the pink logo intended for a white background.

### Wordmarks

Every wordmark is available as SVG (preferred), PNG, and JPG.

| Variant        | Use                                           | SVG                                                | PNG                                                | JPG                                                |
| -------------- | --------------------------------------------- | -------------------------------------------------- | -------------------------------------------------- | -------------------------------------------------- |
| Pink on White  | Default wordmark for light surfaces.          | https://cdn.zuplo.com/static/logos/pink-white.svg  | https://cdn.zuplo.com/static/logos/pink-white.png  | https://cdn.zuplo.com/static/logos/pink-white.jpg  |
| Pink on Black  | Use on black or very dark surfaces.           | https://cdn.zuplo.com/static/logos/pink-black.svg  | https://cdn.zuplo.com/static/logos/pink-black.png  | https://cdn.zuplo.com/static/logos/pink-black.jpg  |
| Black on White | Monochrome print or no-pink contexts.         | https://cdn.zuplo.com/static/logos/black-white.svg | https://cdn.zuplo.com/static/logos/black-white.png | https://cdn.zuplo.com/static/logos/black-white.jpg |
| Black on Pink  | Reverse mark on the Zuplo magenta background. | https://cdn.zuplo.com/static/logos/black-pink.svg  | https://cdn.zuplo.com/static/logos/black-pink.png  | https://cdn.zuplo.com/static/logos/black-pink.jpg  |
| White on Black | Reverse monochrome for dark surfaces.         | https://cdn.zuplo.com/static/logos/white-black.svg | https://cdn.zuplo.com/static/logos/white-black.png | https://cdn.zuplo.com/static/logos/white-black.jpg |
| White on Pink  | Reverse mark on the Zuplo magenta background. | https://cdn.zuplo.com/static/logos/white-pink.svg  | https://cdn.zuplo.com/static/logos/white-pink.png  | https://cdn.zuplo.com/static/logos/white-pink.jpg  |

### Brandmark & Icon

For favicons, social avatars, app tiles, and tight thumbnails, use the brandmark
or framed icon.

| Variant            | Use                                                                                         | URL                                                     |
| ------------------ | ------------------------------------------------------------------------------------------- | ------------------------------------------------------- |
| Brand Icon         | App icon and avatar. Use when the wordmark won't fit (favicons, social avatars, app tiles). | https://cdn.zuplo.com/static/logos/icon.svg             |
| Brandmark          | Standalone brandmark for compact contexts.                                                  | https://cdn.zuplo.com/static/logos/brandmark.svg        |
| Icon, Framed (SVG) | Pink-framed icon for use as a thumbnail or feature graphic.                                 | https://cdn.zuplo.com/static/logos/icon-framed.svg      |
| Icon, Framed (PNG) | Pink-framed icon, raster.                                                                   | https://cdn.zuplo.com/static/logos/icon-framed.png      |
| Icon, Pink Framed  | Alternate framed icon on white.                                                             | https://cdn.zuplo.com/static/logos/icon-pink-framed.png |

## Color Palette

Zuplo's identity is built on three colors. Use these exact values across digital
and print.

| Color                      | Hex       | RGB           | CMYK         |
| -------------------------- | --------- | ------------- | ------------ |
| Vivid Magenta (Zuplo Pink) | `#FF00BD` | `255 0 189`   | `0 100 26 0` |
| Black                      | `#1D1C1D` | `29 28 29`    | `0 0 0 100`  |
| White                      | `#FFFFFF` | `255 255 255` | `0 0 0 0`    |

## Logo Usage

The Zuplo logo should always be clear and legible, with no alterations to its
design, proportions, or colors.

- **Preserve the mark.** Do not alter the logo's design, proportions, colors, or
  typography. Use the official files. Do not redraw or recreate.
- **Give it room.** Maintain clear space around the logo equal to at least the
  height of the "Z" on all sides so it stays visible and legible.
- **Pick the right variant.** Choose a logo variant that has sufficient contrast
  with the background. Use the pink-on-white or pink-on-black versions for
  emphasis.
- **Use high-resolution files.** Use SVG wherever possible. Use PNG or JPG only
  when SVG is not supported by the destination. Never screenshot the logo.
- **Don't recolor or distort.** Don't apply gradients, shadows, outlines, or
  rotations. Don't stretch or skew the logo. Don't place it on busy photographic
  backgrounds without a solid container.

## Contact

For press inquiries, partnerships, or co-marketing, email
[info@zuplo.com](mailto:info@zuplo.com).

## Next steps

- [Download the logos](https://zuplo.com/brand#logos)
- [About Zuplo](/about)
- [Contact us](mailto:info@zuplo.com)