MediaKitLogo

User Guide — For Viewers

Download Guide

From finding logo assets to downloading them and copying brand colors — the steps and rules for anyone using MediaKit™ assets.

The screens in this guide are the actual parts of MediaKit™, running here. You can press the buttons; nothing is sent or saved. The samples use brand assets from our own products: MediaKit™, Werp™, Creators Team and Drone24™.

1

What is MediaKit™?

MediaKit™ is a platform for managing a company's or organization's branding assets — logos, corporate colors, and more — in one place. You can download logo assets of various types in the file format you need.

A brand's page, opened from a shared link or a search, is laid out like this.

mdkt.in/@werpLive — try it

Werp™

@werpTechnologyWebsite
Export as PDF

CT Prime

Olive

  1. 1

    The organization

    Whose brand this is: the name, the @ID, and a link to their website if they gave one.
  2. 2

    Logos, colors, guidelines

    The menu on the left jumps to each section. On a phone, the sections simply follow one another.
  3. 3

    Who can see it

    How widely the page is shared. See Visibility settings below.
  4. 4

    Export as PDF, share the link

    Save the logos, colors and guidelines as one slide-style PDF, or copy the page's link to share it.
3

Brand colors

Open the organization's page — either from a shared link, or by searching for the company or organization's name from the top page.

The Colors section lists each brand color with its name.

mdkt.in/@crtmLive — try it

CT Primary

CT Green

CT Olive

  1. 1

    Name

    The name the owner gave the color. Write it alongside the code and others will know which color you mean.
  2. 2

    HEX

    The code most websites and design tools take. Press it to copy; it shows COPIED!.
  3. 3

    RGB

    For where a color is written as rgb(). Press it to copy that, too.
4

Publication settings

An organization's page can be set to one of three publication states by its owner.

Public

This kit's publication setting is Public. It's shown in search and browse listings, and anyone can use it under the guidelines below without a password.

Unlisted

This kit's publication setting is Unlisted. It's hidden from search and browse listings, but anyone with this link can use it without a password.

Locked

This kit's publication setting is Locked. It's hidden from search and browse listings, and a password is required to open this link at all.

5

Guidelines

The Guidelines section sets out how to use the logos. It holds the owner's own words, and figures drawn automatically from the registered logos.

  • About the Usage Guidelines

    Covers things to keep in mind when using a logo, and whether modifications are allowed.
  • About Logo Clearance

    Shows the required clear space around a logo — an area where no other elements should be placed.
    Because logo size varies widely across media, clearance is often measured using a part of the logo itself as the unit, rather than an absolute unit like px or mm.

    MediaKit™ lets you choose from the following units.

    mdkt.in/@crtmLive — try it

    Clear space

    Keep this protected area around the logo free of any other elements (some figures are auto-generated by MediaKit™).

    0.1 × logo width

    Logo width0.1 × logo width

    0.5 × logo height

    Logo height0.5 × logo height

    24px

    Pixel24px

    1. 1

      Logo width

      This unit is the width of the whole logo, measured from the edge of what's actually drawn rather than the edge of the image file. Suited to tall or vertical logos.
    2. 2

      Logo height

      This unit is the height of the whole logo, measured the same way. If you leave the amount empty, 1 × logo height is published.
    3. 3

      Pixel

      A fixed length in px, the same whatever size the logo is shown at.
  • The other figures

    mdkt.in/@dr24Live — try it

    Minimum size

    The smallest size each style should be used at. Where the owner hasn't set one, MediaKit™ shows a reference value instead. px is for screens and mm is for print; they are set separately, not converted from one another.

    24px / 8mm

    Symbol

    96px / 24mm

    Horizontal Set

    Usage on backgrounds

    Derived from the theme each mark was registered with (for light / dark surfaces). Check colored surfaces on each logo card's Brand tab.

    White

    Black

    Logo misuse

    Standard misuse rules that apply to brand logos in general (reference figures auto-generated by MediaKit™).

    Do not rotate

    Do not distort

    Do not recolor

    Do not add shadows

    Do not obscure

    Do not place on low-contrast backgrounds

    1. 1

      Minimum size

      How small the logo may go. For each mark, a size for screens (px) and one for print (mm).
    2. 2

      Backgrounds

      Whether the logo may sit on white and on black, marked with ✓ and ✗.
    3. 3

      Misuse

      Examples of what not to do: tilting, stretching, recoloring and so on.
  • Notes

    When using a logo published on this platform online or in print, please keep the following in mind.

    • Comply with this platform's Terms of Service.
    • Carefully review the guidelines provided by the logo's owner, and always use the logo in accordance with them.
    • Unless otherwise noted in the guidelines, do not modify or redistribute any file downloaded from this platform.
    • Do not copy this platform, whether publicly or privately.

    Creators Team Inc., the company operating this platform, accepts no responsibility for any damages arising from the use of this platform.

6

Password protection

You may be asked for a password to download a logo or view an organization's page. This is due to the publication settings chosen by that page's owner. If you don't know the password, please contact the owner directly.

7

Reporting content

If you believe content on this platform falls under any of the following, please report it to us using the Report button at the top right of the organization's page.

  • Trolling, spam, or the downloadable file is harmful
  • Sexual or violent language, expression, or design
  • It infringes on your rights or the rights of your organization
  • It otherwise violates this platform's Terms of Service
  • It otherwise contains language, expression, or design that may offend viewers
  • File formats7 min read

    Logo File Formats: SVG, PNG, PDF and AI

    SVG, PNG, JPEG, WebP, PDF, AI and EPS compared in a table: which to use on the web, in slides and in print, why SVG text breaks, and which formats to supply when you publish a logo.

  • Brand colors6 min read

    Brand Color Codes: HEX, RGB, CMYK and Spot Colors

    How HEX, RGB, CMYK and spot colors (DIC, PANTONE) differ and when to use each. Why RGB can’t be converted to CMYK exactly, how to write colors in guidelines, and how to check whether a color works for text.

  • Logo rules5 min read

    How to Set Logo Clear Space and Minimum Size

    How to decide a logo’s clear space and minimum size and write them down: choosing the unit, measuring at real size, setting screen px and print mm separately, and wording people will follow. Written for whoever publishes the logo.