How are company logos defined and preserved?

This is something I have been wondering about for a long time.

Let’s say your company has a logo that consists of simple geometric objects like straight lines and circles. To “define” the logo, all you have to do is determine the ratios for the lengths of each line, along with angles and colors. That way, when you need a sign made, or you need to print the logo on a metal panel, you simply need to provide the artist the ratios for the lengths of each line (along with colors and angles). The logo is “perfectly preserved” using math and anyone can reproduce it faithfully.

The Domino’s Pizza logo is a good example of a logo that is easily reproducible: two squares, each at a 45 degree angle, with two circles centered in the bottom square and one circle centered in the top square. The logo can be easily defined using ratios, angles, and colors, and thus the logo will be “perfect” anywhere it appears; there’s no loss of information.

But what if the logo is complicated and has lots of curves? Do you do polynomial curve fits to define the curves?

Take the McDonald’s logo, for example. When a new sign is made, or the logo is applied to a napkin, how is the artwork stored and transferred, from one generation to the next? Has McDonald’s come up with polynomial fits for the curves in the big, yellow “M”?

Probably just Postscript.
You draw it in something like Illustrator, and it figures out the Bezier to describe the curve.
After that, any sign maker can accept a PDF, and print directly from that.

I believe you can send a copy of it when you get it trademarked.

Historically, logos didn’t need strict mathematical-only definitions. Large companies have stylebooks that show the logos and styles in different sizes and configurations with proportions and angles noted on the diagrams.

Anyone reproducing logos would have a copy of the style book. It can be done that way even now.

It’s up to the company how strictly they enforce their styles.

The New York Yankees and Deteoit Tigers for example are known for inconsistent logos.

I was working for Litton Industries when computer graphics was beginning to take off and, with its exceedingly simple logo, corporate sent out a memo asking folks not to draw one up on their own but please use one of the pre-rendered images at a particular location. The ground was not black but rather a shade of blue expressed, I’m sure, in terms of RGB, CMYK, or Pantone (most likely all three).

I think paper copies of the artwork have long been the standard, though digital versions have also become reliable in the last 20 years or so. I haven’t heard of anybody arguing about whether logos that are substantially identical to a casual inspection can still count as different because of visually minor differences.

It’s pretty much exactly as speculated upon in the OP. Most big companies will have a mathematical description of the logo stored in one of many vector file formats. For the more complicated ones they are indeed largely made up of polynomials, specifically Bezier Curves are very common.

It’s not uncommon especially for small-mid sized businesses to have commissioned a logo and either not held onto the original vector artwork or never obtained it in the first place. I worked in graphic design for a small advertising company for about 10 years doing small print ads mostly around western Canada and a little bit of the States. I’d estimate about 1/2 the companies we worked with provided some form of vector art for their logos. About 1/4 of them had high quality raster images. And the remaining 1/4 was the problem folk who had just a terribly low res image for the web or sometimes a scan or even fax of their business card or stationary.

The original question really encompasses several different things:

The master artwork is these days merely an Illustrator or PDF file (possibly a high-res image). Only the graphic designers’ computers ever see or cares about the mathematical description in terms of Bézier curves; the company lawyers don’t have some printout of the Illustrator PostScript code for the company logo in their files to allow it to be reconstructed by Martians. In the 1980s and before, the “original” was a large drawing or photostat carefully tucked away in the art department’s flat files. Photostats and negatives, in various sizes and versions (full-color, for grayscale, for black & white, reversed) were distributed to those who needed them.

The usage guidelines are these days a notebook or similar volume that tells the dos and don’ts (must be x distance from other elements, must never be printed over a photo, etc.). Some are quite elaborate, prepared by a high-priced branding agency. In the old days, maybe there was a memo saying never squeeze it or stretch it to fit the space.

The trademark registration includes neither of these. Instead, a simple clear black and white drawing, with various types of crosshatching indicating color usage if that’s part of the claim, is filed with the application and reproduced in the Register.

Arguing details like that are exactly what trademark lawyers do for a living. The standard for “too close” is when it’s likely to cause confusion for a consumer, though of course that requires a subjective judgement from a human.

And sometimes humans make rather inexplicable judgments about whether two logos are similar.

along with the others’ comments … most modern logos probably contain vectors … those i have requested in the past all have (.eps, *.pdf, *.ai, .svg, etc). vector-images are preferred over raster-images … raster-images rely on pixels of a single color … vectors rely on mathematical formulae. vectors better define 'n control the output/display … by retaining crisp edges when enlarging.

as far as trademark and legalities … gotta’ be careful where you obtain the logo from. there are websites which host company logos … or, rather, a logo copied/generated/recreated by someone. easy enough to do … using either local software or online depots.

so … let’s say, i find a nice image of “mcdonalds” 3d sign … upload it to the online depot … the service converts the raster-image (.jpg, *.png, .bmp, etc.) into vector … and, voilà. however … upon closer scrutiny (often using lupe-glass) … one can easily notice artifacts and non-symmetrical curves/angles … which, the original artist would never have imposed. veritably … the difference would be substantial … online recreation vs something designed in a studio, from scratch, using vector software.

a few links offered below … one link (logo warehouse) offers example of “dish network”. keep in mind, this particular website does not utilize https:// protocol … so keep your guard up.

As has been stated, they’re stored (at least some) in vector files. If you have a jpeg, it’s a specific size. Once you start blowing it up past that size it’ll pixalate or show obvious signs of interpolating non existent data (ie it’ll look blurry).
Vector files do what you were asking, essentially telling the giving the computer directions for drawing the picture on the fly instead of being the actual picture. My jpeg logo for my store only gets big enough to put on flyers or websites. My AI (vector) file can be adjusted to go on a 1 inch magnet or a bill board without any loss in quality.

As for colors, that’s what Pantone is for. Again, with my logo, if I send you the AI file, it has multiple versions all on one page. A full color version, black and white, grayscale and a few others for specific uses. It also has a section with a swatch of each color used and the Pantone number. That way, at least in theory, the person that makes the bill boards, the company that silk screens the t-shirts and the two person shop that embroiders the hats all make them identical.
That’s theory though, mistakes can, and do happen. Over the years we’ve noticed that we’ve somehow ended up with logos that have slightly different colors because someone, somewhere at some point punched in a wrong pantone number.

I have buddy that’s a mechanic and a while back sent me his logo because I could get it printed on something for him (nothing that I do, he just wanted a product that I had and I forwarded the logo). When he got the preview back, he asked why the blue background was white inside one of the box wrenches on his logo. I looked at the original file and found the area he was talking about was, in fact, white when it should have been transparent. It was kinda funny as we looked at other things around his shop and it turns out he just never noticed how many items contained the mistake. You don’t see it on a pad of paper or a white magnet, you might not even notice it on a small logo, but once you see it, it’s really obvious, say, on the back of a black jacket.
PS, having said all that, when I need to send someone my logo I usually ask them what format they want it in, if they seem confused or if I ask if they want the Illustrator file and they don’t know what that means, it’s typically not a good sign, or at least a sign that I’m going to get something blurry back.

SVG files are really interesting. You can turn any logo into a series of numbers that a browser can reinterpret into a graphic at any scale. Have a go at putting this into an html page (copy and paste it into a text file, but save it as index.htm and then drag it into your browser).


<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 width="960.000000pt" height="200.000000pt" viewBox="0 0 960.000000 200.000000"
 preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.15, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M2322 1920 c-97 -21 -133 -63 -151 -180 -14 -87 -14 -515 0 -580 15
-71 50 -107 184 -190 62 -38 119 -77 126 -86 11 -13 15 -73 17 -273 2 -141 -1
-274 -5 -296 -8 -36 -12 -40 -38 -40 l-30 0 -5 290 -5 290 -125 0 -125 0 0
-300 c0 -258 2 -308 18 -357 32 -105 102 -133 307 -126 93 3 124 8 162 26 90
44 100 101 96 529 l-3 328 -27 46 c-28 48 -47 63 -195 154 -61 36 -95 64 -98
78 -3 12 -4 128 -3 257 l3 235 30 0 c40 0 42 -15 44 -247 l1 -188 125 0 125 0
0 208 c-1 380 -27 422 -270 428 -63 2 -135 -1 -158 -6z"/>
<path d="M5164 1920 c-83 -17 -114 -36 -135 -84 -10 -25 -24 -78 -29 -118 -13
-100 -13 -1400 0 -1469 22 -114 90 -169 220 -177 94 -5 151 10 199 54 21 18
41 34 43 34 3 0 11 -18 18 -40 l13 -40 54 0 53 0 0 480 0 480 -155 0 -155 0 0
-100 0 -100 25 0 25 0 0 -269 c0 -148 -3 -276 -6 -285 -8 -22 -70 -22 -78 0
-3 9 -6 332 -6 718 0 533 3 705 12 714 16 16 53 15 67 -1 7 -9 12 -89 13 -223
l3 -209 125 0 125 0 -1 225 c0 376 -21 407 -274 415 -63 2 -133 0 -156 -5z"/>
<path d="M7923 1920 c-112 -24 -145 -64 -163 -202 -13 -102 -13 -1331 1 -1438
14 -114 32 -149 94 -180 46 -23 60 -25 195 -25 129 0 150 3 193 22 39 18 52
31 70 70 l22 48 0 775 c0 592 -3 785 -13 816 -15 51 -49 87 -99 103 -48 16
-244 23 -300 11z m157 -209 c11 -21 15 -1377 4 -1418 -8 -28 -58 -33 -68 -7
-3 9 -6 332 -6 718 0 533 3 705 12 714 18 18 46 14 58 -7z"/>
<path d="M190 1825 l0 -95 60 0 60 0 0 -825 0 -825 125 0 125 0 0 825 0 825
60 0 60 0 0 95 0 95 -245 0 -245 0 0 -95z"/>
<path d="M720 1000 l0 -920 120 0 120 0 0 460 0 460 45 0 45 0 0 -460 0 -460
125 0 125 0 0 920 0 920 -125 0 -125 0 0 -360 0 -360 -45 0 -45 0 0 360 0 360
-120 0 -120 0 0 -920z"/>
<path d="M1360 1000 l0 -920 200 0 200 0 0 100 0 100 -75 0 -75 0 0 355 0 355
75 0 75 0 0 100 0 100 -75 0 -75 0 0 270 0 270 75 0 75 0 0 95 0 95 -200 0
-200 0 0 -920z"/>
<path d="M2780 1825 l0 -95 60 0 60 0 0 -825 0 -825 125 0 125 0 0 825 0 825
60 0 60 0 0 95 0 95 -245 0 -245 0 0 -95z"/>
<path d="M3310 1000 l0 -920 125 0 125 0 0 395 0 395 24 0 c56 0 56 2 56 -411
l0 -379 131 0 130 0 -3 387 c-3 372 -4 390 -24 434 -12 26 -36 57 -53 70 l-31
23 34 35 c67 68 71 92 71 411 0 474 -5 480 -382 480 l-203 0 0 -920z m318 707
c9 -7 12 -79 12 -298 0 -312 -1 -319 -56 -319 l-24 0 0 320 0 320 28 -6 c15
-4 33 -11 40 -17z"/>
<path d="M4090 1892 c0 -16 -29 -415 -65 -888 -36 -472 -65 -874 -65 -891 l0
-33 124 0 c104 0 125 3 130 16 3 9 6 59 6 112 0 53 3 141 7 195 l6 97 54 0 53
0 1 -72 c1 -40 4 -134 8 -208 l6 -135 128 -3 127 -3 -1 33 c0 18 -30 431 -67
918 l-68 885 -192 3 -192 2 0 -28z m220 -754 c11 -224 20 -414 20 -423 0 -11
-11 -15 -45 -15 -29 0 -45 4 -45 13 0 6 9 196 20 422 11 226 21 430 22 455 l1
45 4 -45 c2 -25 12 -228 23 -452z"/>
<path d="M4700 1000 l0 -920 125 0 125 0 0 920 0 920 -125 0 -125 0 0 -920z"/>
<path d="M5650 1000 l0 -920 120 0 120 0 0 460 0 460 45 0 45 0 0 -460 0 -460
125 0 125 0 0 920 0 920 -125 0 -125 0 0 -360 0 -360 -45 0 -45 0 0 360 0 360
-120 0 -120 0 0 -920z"/>
<path d="M6270 1825 l0 -95 60 0 60 0 0 -825 0 -825 125 0 125 0 0 825 0 825
60 0 60 0 0 95 0 95 -245 0 -245 0 0 -95z"/>
<path d="M7120 1000 l0 -920 203 0 c289 0 327 14 364 135 17 56 18 110 18 785
0 675 -1 729 -18 785 -37 121 -75 135 -364 135 l-203 0 0 -920z m318 707 c16
-12 18 -1377 2 -1408 -7 -12 -21 -19 -40 -19 l-30 0 0 725 0 725 28 -6 c15 -4
33 -11 40 -17z"/>
<path d="M8400 1000 l0 -920 125 0 125 0 0 340 0 340 78 0 c92 0 170 20 199
52 12 13 30 50 40 83 16 54 18 100 18 445 0 589 6 580 -382 580 l-203 0 0
-920z m318 707 c9 -7 12 -93 12 -367 0 -384 2 -371 -52 -384 l-28 -6 0 390 0
390 28 -6 c15 -4 33 -11 40 -17z"/>
<path d="M9010 1000 l0 -920 200 0 200 0 0 100 0 100 -75 0 -75 0 0 355 0 355
75 0 75 0 0 100 0 100 -75 0 -75 0 0 270 0 270 75 0 75 0 0 95 0 95 -200 0
-200 0 0 -920z"/>
</g>
</svg>

Back in ye olde days, if a company created a unique typeface for a logo, it* literally *created the typeface – designed and carved in clay, then cast in lead type. Then the company would run off bunch of photostats in different sizes and those would be the guide for reproduction.

Everything was so freakn’ convoluted and hard back in ye olde days. It is amazing that anything got done.

I would be like “That’s too hard. Just use this stencil I bought from the five and dime.”

Everywhere I’ve ever worked, there have been pretty strict and detailed guidelines about corporate logos- official images in several different sizes and color combinations, and sometimes with different business unit names at the bottom, etc… So if you needed a large one for the first page of a presentation, they had one, but if you needed a little one to print on a mailing label, they had a different one of an appropriate size.

I’m not sure how exactly the “master” copies are kept, but for general use, they were almost always JPG or GIF files. There was also a set of style guidelines for public communications- fonts, font sizes, official colors - RGB and Pantone, for use on things like powerpoints and printed documents alongside the logo images.

In my 20 years of web development I’ve been consistently amazed at how well companies DON’T keep track of their logos and have no vector versions of it. I’ve had to purchase the aforementioned Vector Magic (I’m not a graphic designer, just a coder) just to do stuff like make a logo slightly larger so as not to be pixelated on a new web site, or to have something digital at all. Especially in the earlier days of the web when companies were still just getting online for the first time, it wasn’t uncommon for a small company to only have a scanned PDF of a printed flyer they once did from which I was expected to extract a logo. And then the companies would choose some completely non-logo-related color scheme for their sites.

Logo design isn’t cheap! When you get it done, be sure to get a nice vector copy from the designer before you completely forget their name.

Reported (Rohit Shasha)

And remember to make sure you’re actually buying the copyright, which the designer will own as creator unless you explicitly get it transferred.

You don’t want to be trying to track down Rohit and his mates in Bangalore in 10 years time.

Old thread, I know…

Yes, get a copy of the vector file. However, if you don’t have the ability to work with a vector file, ask them (in addition to the vector file) for a large, high-res PDF and JPG of it. At least this way when you need it for yourself (ie using it on your website or getting something made online (like using vistaprint), you can use the big one and make it smaller. It’s a lot easier than trying to make the small one bigger.