--- title: "Brand Guidelines" description: "Brand guidelines for Zuplo: logo usage, color palette, and official logo downloads. The Zuplo wordmark, brandmark, and icon are available as SVG, PNG, and JPG from cdn.zuplo.com/static/logos." canonicalUrl: "https://zuplo.com/brand" sourceUrl: "https://zuplo.com/brand" pageType: "other" generatedAt: "2026-08-28" --- # Brand Guidelines > The Zuplo logo, brandmark, and color palette, plus the rules that keep > everything looking consistent across press, partner, and community use. All brand assets live on the Zuplo CDN at `https://cdn.zuplo.com/static/logos/`. ## Wordmark Six color combinations. Pick the version with the best contrast for your background. Every variant is available as SVG (preferred), PNG, and JPG. | Variant | Description | SVG | PNG | JPG | | -------------- | --------------------------------------------- | --------------------------------------------------------- | --------------------------------------------------------- | --------------------------------------------------------- | | Pink on White | Default wordmark for light surfaces. | [SVG](https://cdn.zuplo.com/static/logos/pink-white.svg) | [PNG](https://cdn.zuplo.com/static/logos/pink-white.png) | [JPG](https://cdn.zuplo.com/static/logos/pink-white.jpg) | | Pink on Black | Use on black or very dark surfaces. | [SVG](https://cdn.zuplo.com/static/logos/pink-black.svg) | [PNG](https://cdn.zuplo.com/static/logos/pink-black.png) | [JPG](https://cdn.zuplo.com/static/logos/pink-black.jpg) | | Black on White | Monochrome print or no-pink contexts. | [SVG](https://cdn.zuplo.com/static/logos/black-white.svg) | [PNG](https://cdn.zuplo.com/static/logos/black-white.png) | [JPG](https://cdn.zuplo.com/static/logos/black-white.jpg) | | Black on Pink | Reverse mark on the Zuplo magenta background. | [SVG](https://cdn.zuplo.com/static/logos/black-pink.svg) | [PNG](https://cdn.zuplo.com/static/logos/black-pink.png) | [JPG](https://cdn.zuplo.com/static/logos/black-pink.jpg) | | White on Black | Reverse monochrome for dark surfaces. | [SVG](https://cdn.zuplo.com/static/logos/white-black.svg) | [PNG](https://cdn.zuplo.com/static/logos/white-black.png) | [JPG](https://cdn.zuplo.com/static/logos/white-black.jpg) | | White on Pink | Reverse mark on the Zuplo magenta background. | [SVG](https://cdn.zuplo.com/static/logos/white-pink.svg) | [PNG](https://cdn.zuplo.com/static/logos/white-pink.png) | [JPG](https://cdn.zuplo.com/static/logos/white-pink.jpg) | ## When the wordmark won't fit For favicons, social avatars, app tiles, and tight thumbnails, use the brandmark or framed icon. | Variant | Description | Formats | | ----------------- | ------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------- | | Brand Icon | App icon and avatar. Use when the wordmark won't fit (favicons, social avatars, app tiles). | [SVG](https://cdn.zuplo.com/static/logos/icon.svg) | | Brandmark | Standalone brandmark for compact contexts. | [SVG](https://cdn.zuplo.com/static/logos/brandmark.svg) | | Icon, Framed | Pink-framed icon for use as a thumbnail or feature graphic. | [SVG](https://cdn.zuplo.com/static/logos/icon-framed.svg) / [PNG](https://cdn.zuplo.com/static/logos/icon-framed.png) | | Icon, Pink Framed | Alternate framed icon on white. | [PNG](https://cdn.zuplo.com/static/logos/icon-pink-framed.png) | ## Three colors. That's it. Zuplo's identity is built on Vivid Magenta, Black, and White. Use these exact values across digital and print to keep the brand recognizable. | 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` | ## URL format Every asset on this page follows the same URL pattern. ``` # URL format https://cdn.zuplo.com/static/logos/. # Examples https://cdn.zuplo.com/static/logos/pink-white.svg https://cdn.zuplo.com/static/logos/black-pink.png https://cdn.zuplo.com/static/logos/icon.svg https://cdn.zuplo.com/static/logos/brandmark.svg # Filename pattern: - # Available wordmarks: pink-white, pink-black, black-white, black-pink, white-black, white-pink # Available formats: svg, png, jpg ``` ## Keep the logo clear and consistent The Zuplo logo should always be clear and legible, with no alterations to its design, proportions, or colors. Follow these rules whenever you use the mark. - **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. ## Next steps - Working with us on something? Press, partnerships, and co-marketing — contact us at [info@zuplo.com](mailto:info@zuplo.com) - Learn more [about Zuplo](/about)