MediaKit™ is a platform for managing a company's or organization's branding assets — logos, corporate colors, and more — in one place. You can upload logo assets of various types in the file format you need. Instead of digging through cloud storage for a share link or asking your in-house designer every time, you can share your logos and corporate colors just by saying: check MediaKit™.

Getting a brand published takes three things.

1. 1

   Register

   Create an account and register the organization (the brand). It costs nothing.
2. 2

   Add the assets

   Add the logos, brand colors and guidelines. Logos alone are enough to start: most of the guidelines draw themselves.
3. 3

   Share the link

   Send the page's link. When someone asks for your logo, the link is all you need to send.

1. 1
   First, sign up from the header. It's completely free.
2. 2
   Once you enter the required information and complete registration, a dedicated page (your organization's page) is created.

Once registered, you land on the organization's dashboard. The tabs along the top switch between its parts.

1. 1

   The address of the public page

   Opens the public page. This is the address you share.
2. 2

   The tabs

   Logos, photos, colors, guidelines, link, settings, members. Each kind of asset is added on its own tab.
3. 3

   The Settings tab

   Configure each item from the Settings tab, then click Save.

   For publication settings, see Publication settings on this page.

   The thumbnail shown on search and browse listings is your dedicated workspace image if you've set one, otherwise your first logo by default once you've registered at least one -- pick a specific logo instead under Listing Thumbnail in Settings.

Open the Logos tab. A logo is registered just by dropping its files.

This is only shown on your own organization's page.

This is only shown while signed in.

Drop the files

1. 1

   Drop the files here

   Drag and drop the logo files, all at once. SVG, PNG, PDF, AI and more are fine, and there is no limit on how many.
2. 2

   Choose files

   If dragging is awkward, pick the files from a dialog instead.
3. 3

   Add one at a time

   For a single logo, when you'd rather set its name and style yourself.

Check and register

Press “Try it with sample files” in the sample above to open this screen.

1. 1

   Add more files

   Anything you left out can be added here at any point.
2. 2

   One row per logo

   The files gather into one logo per mark on their own: matching names (symbol-light.png and symbol-light.svg), and artwork that looks the same even when the names differ.

   The style and theme are filled in from the image. Fix only what's wrong.

3. 3

   Automatic PNGs

   A logo with no raster file (SVG-only, or only .ai/.pdf) automatically gets a PNG rendered right in your browser, so a widely-usable format is always available. Turn this off with the checkbox above the file list if you don't want it.
4. 4

   Register

   Finally, click Register to add every row as a logo.

   Nothing is uploaded to MediaKit™'s servers until you review the rows and click Register -- closing the dialog first discards everything.

Adding one logo

From the Logo tab, click Add new logo at the top right.

1. 1

   Upload

   Drop the logo's files. The format is detected for you. You can't add two files of the same format; a second one replaces the first.
2. 2

   Name

   Shown as the variant label when this logo is in a group.
3. 3

   Group

   Renditions sharing a group appear as one card on your public page with a variant switcher. Leave blank to group automatically by name.
4. 4

   Style

   Choose a logo style. MediaKit™ guesses this from the artwork automatically -- check the pick and adjust it if needed.
5. 5

   Theme

   Choose a logo theme. This is guessed automatically too, and stays editable.
6. 6

   Save

   Adds the new logo.

Choosing a style and a theme

Symbol

A layout made up of only the symbol mark.

Text

A layout made up of only the text, or a stylized version of it.

Vertical

A layout with the symbol and text stacked vertically.

Horizontal

A layout with the symbol and text arranged horizontally.

Other

None of the above.

Light

A logo used on light backgrounds, such as white or light gray.

Dark

A logo used on dark backgrounds, such as black, dark gray, or navy.

Other

Doesn't depend on how light or dark the background is, or doesn't fit the two categories on the left.

Editing a logo

1. 1

   In the Logo tab's table, click the pencil icon at the right end of the logo's row.

   This is only shown while signed in.

2. 2
   The logo-editing popup opens — edit its name, group, style, and theme the same way as when adding one (style/theme aren't re-guessed automatically here, since you may have corrected the original guess on purpose). To remove a file format you've already uploaded, click the × on its row.
3. 3
   Finally, click Save at the bottom right to save your changes.

Deleting a logo

1. 1

   In the Logo tab's table, click the trash icon at the right end of the logo's row.

   This is only shown while signed in.

2. 2

   Clicking the trash icon opens a confirmation popup. Click Confirm to delete it.

   This action cannot be undone.

After you add a logo (one at a time or in bulk), MediaKit™ looks at its artwork and offers to register the colors it finds (up to 8) -- skipping pure black and white, and anything close to a color you've already registered -- with a name pre-filled from a set of reference color names, all pre-checked. Uncheck any you don't want, edit names as needed, and click Register.

Adding a color

This is only shown on your own organization's page.

1. 1

   Add a new color

   It sits after the colors you already have. Press it to get a new swatch.
2. 2

   Name

   Type it straight onto the swatch. No dialog opens.
3. 3

   Pick the color

   The color chip opens your system's color picker.
4. 4

   Or write the HEX

   You can type the code instead. Change either one and the other follows.

A Save button appears as soon as the swatch is new or edited, but stays disabled until you give it a name -- click it once it's active to add the color.

Editing a color

1. 1

   Change a color's name, HEX code, or color the same way as when adding one -- directly on its swatch, no popup involved.

   This is only shown while signed in.

2. 2
   A Save button (and Cancel, to undo) appears once you've changed something. Click Save to keep it.
3. 3
   Finally, click Save at the bottom right to save your changes.

Deleting a color

1. 1

   Click the trash icon at the right end of the color's row.

   This is only shown while signed in.

2. 2

   Clicking the trash icon opens a confirmation popup. Click Confirm to delete it.

   This action cannot be undone.

Visitors can copy your registered brand colors using the steps below.

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.

Your organization's page can be set to one of the following three publication states.

Choose on the Settings tab, under visibility, and press Save.

Even if you write nothing, these figures are drawn from the logos you registered.

• 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.

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

Leave a workspace

1. 1

   Open the "Members" tab and click "Leave organization" at the bottom of the page.

   This is only shown while signed in.

2. 2

   Confirm by clicking "Leave" -- you'll lose access to this workspace. You can only rejoin if a member invites you again.

   The sole administrator can't leave -- make another member an admin first, or delete the workspace instead.

Delete a workspace

1. 1

   Open the "Settings" tab and scroll to the "Danger zone" at the bottom.

   This is only shown while signed in.

2. 2

   Type the workspace's URL to confirm, then click "Delete Organization."

   Everything this workspace owns -- logos, colors, guidelines, photos, members, and invitations -- is deleted along with it.

   This action cannot be undone.

Delete your account

1. 1

   Click "Delete account" at the bottom of your dashboard's top page.

   This is only shown while signed in.

2. 2

   Confirm in the dialog by clicking "Delete anyway" -- your account is permanently deleted.

   You can't delete your account while you still belong to a workspace -- leave or delete every workspace first.

   This action cannot be undone.