# Logo usage Download Chain logo files and keep their shape, colors, contrast and space intact. Use the supplied artwork. Keep the geometry, stripe order and proportions intact, and choose a version that stays clear against your background. ## Logo downloads Choose the **wordmark** for the full name, the **lettermark** for the C, or the **brand mark** for the colored bars. The gallery compares flat color, black and full material treatments across those three shapes. :::note[Using the downloads] Keep the supplied proportions and leave clear space around the mark. SVG scales cleanly; PNG is transparent. JPG files include a backing. The download icon saves all available formats for that version as a ZIP. ::: ### Flat color Colored bars and white lettering, without gradients or shadows. Use on a dark background. **Wordmark** ![Wordmark, flat colored bars and white lettering](/brand/logos/host-flat-wordmark.png) [Download Wordmark SVG — 213 × 22, 9 KB](/brand/logos/host-flat-wordmark.svg) [Download Wordmark PNG — 640 × 66, 8 KB](/brand/logos/host-flat-wordmark.png) [Download all Wordmark — ZIP, 12 KB](/brand/logos/host-flat-wordmark.zip) **Lettermark** ![Lettermark, flat colored bars and white lettering](/brand/logos/host-flat-lettermark.png) [Download Lettermark SVG — 53 × 22, 2 KB](/brand/logos/host-flat-lettermark.svg) [Download Lettermark PNG — 640 × 266, 9 KB](/brand/logos/host-flat-lettermark.png) [Download all Lettermark — ZIP, 9 KB](/brand/logos/host-flat-lettermark.zip) **Brand mark** ![Brand mark, flat colored bars and white lettering](/brand/logos/host-flat-mark.png) [Download Brand mark SVG — 32 × 23, 1 KB](/brand/logos/host-flat-mark.svg) [Download Brand mark PNG — 640 × 460, 10 KB](/brand/logos/host-flat-mark.png) [Download all Brand mark — ZIP, 7 KB](/brand/logos/host-flat-mark.zip) ### Black Solid black artwork for a light background. **Wordmark** ![Wordmark, flat black treatment](/brand/logos/host-black-wordmark.png) [Download Wordmark SVG — 213 × 22, 9 KB](/brand/logos/host-black-wordmark.svg) [Download Wordmark PNG — 640 × 66, 7 KB](/brand/logos/host-black-wordmark.png) [Download all Wordmark — ZIP, 11 KB](/brand/logos/host-black-wordmark.zip) **Lettermark** ![Lettermark, flat black treatment](/brand/logos/host-black-lettermark.png) [Download Lettermark SVG — 53 × 22, 2 KB](/brand/logos/host-black-lettermark.svg) [Download Lettermark PNG — 640 × 266, 8 KB](/brand/logos/host-black-lettermark.png) [Download all Lettermark — ZIP, 8 KB](/brand/logos/host-black-lettermark.zip) **Brand mark** ![Brand mark, flat black treatment](/brand/logos/host-black-mark.png) [Download Brand mark SVG — 32 × 23, 1 KB](/brand/logos/host-black-mark.svg) [Download Brand mark PNG — 640 × 460, 7 KB](/brand/logos/host-black-mark.png) [Download all Brand mark — ZIP, 5 KB](/brand/logos/host-black-mark.zip) ### Full treatment Colored bars and metallic shading. Use on a dark background. **Wordmark** ![Full Chain.wtf wordmark with colored bars and metallic lettering](/brand/logos/host-wordmark.png) [Download Wordmark SVG — 213 × 22, 18 KB](/brand/logos/host-wordmark.svg) [Download Wordmark PNG — 640 × 66, 13 KB](/brand/logos/host-wordmark.png) [Download all Wordmark — ZIP, 18 KB](/brand/logos/host-wordmark.zip) **Lettermark** ![Chain C lettermark with colored bars and metallic shading](/brand/logos/host-compact.png) [Download Lettermark SVG — 53 × 22, 11 KB](/brand/logos/host-compact.svg) [Download Lettermark PNG — 640 × 266, 15 KB](/brand/logos/host-compact.png) [Download all Lettermark — ZIP, 16 KB](/brand/logos/host-compact.zip) **Brand mark** ![The four colored Chain bars without lettering](/brand/logos/host-brand-mark.png) [Download Brand mark SVG — 32 × 23, 10 KB](/brand/logos/host-brand-mark.svg) [Download Brand mark PNG — 640 × 460, 17 KB](/brand/logos/host-brand-mark.png) [Download all Brand mark — ZIP, 17 KB](/brand/logos/host-brand-mark.zip) ### Original exports The original brand-book files. Choose white lettering for dark backgrounds or black lettering for light ones. **Colored stripes, white lettering** ![Colored stripes, white lettering Chain logo](/brand/chain-wordmark-dark.jpg) [Download Colored stripes, white lettering SVG — 200 × 33, 6 KB](/brand/chain-wordmark-dark.svg) [Download Colored stripes, white lettering PNG — 2200 × 430, 60 KB](/brand/chain-wordmark-dark.png) [Download Colored stripes, white lettering JPG — 2200 × 430, 68 KB](/brand/chain-wordmark-dark.jpg) [Download all Colored stripes, white lettering — ZIP, 110 KB](/brand/logos/logo-dark.zip) **Black wordmark** ![Black wordmark Chain logo](/brand/chain-wordmark-light.jpg) [Download Black wordmark SVG — 200 × 33, 6 KB](/brand/chain-wordmark-light.svg) [Download Black wordmark PNG — 2200 × 430, 58 KB](/brand/chain-wordmark-light.png) [Download Black wordmark JPG — 2200 × 430, 63 KB](/brand/chain-wordmark-light.jpg) [Download all Black wordmark — ZIP, 105 KB](/brand/logos/logo-light.zip) These are ready-to-use SVG and raster exports. Keep an untouched copy when preparing crops or layouts; editable design masters are not included. ## Logo examples ## Do 1. Use the colored or white mark on a dark field, or the black mark on a light field. 2. Resize evenly. Keep every letter readable and leave breathing room around the whole mark. 3. Keep the red, yellow, cyan, blue stripe order and the supplied artwork's colors. ## Don't 1. Stretch, skew, rotate, outline or recolor the mark. 2. Place white lettering on a light field, or black lettering on a dark field. 3. Crowd it with a headline, button or another mark. For image placement and a quiet surface behind a logo, see [Backgrounds](/brand/backgrounds/). The [brand-book safe-space diagram](https://www.figma.com/design/S5HP8mr1NmeY5Ke5hkcznY/?node-id=1415-16907) illustrates breathing room around the compact mark. It does not establish a universal numeric clearance or minimum size for every version. ## Related - [Brand guide](/brand/) - [Backgrounds](/brand/backgrounds/) - [Colors](/brand/colors/)