{"course":{"slug":"vector-and-print","title":"Vectors, Logos and Things That Get Printed","url":"https://addaly.com/learn/vector-and-print","level":"beginner","track":"create"},"lesson":{"slug":"logo-at-sixteen-pixels","title":"If it does not work in black at 16 pixels, it is not a logo","url":"https://addaly.com/learn/vector-and-print/logo-at-sixteen-pixels","position":36,"of":73,"minutes":10,"answer":"Design the mark in flat black at small size first, because embroidery, stamps, vinyl and one-colour print cannot reproduce anything else, and the colour version can be added afterwards.","keyIdea":"Design the mark in flat black at small size first, because embroidery, stamps, vinyl and one-colour print cannot reproduce anything else, and the colour version can be added afterwards."},"body":{"format":"markdown","text":"## The two sizes that decide everything\n\nA logo will be seen at 16 pixels: a browser tab, an app icon in a crowded folder, a WhatsApp profile picture on a 5-inch screen at arm's length. And it will be seen at 40 feet on the side of a building. Almost every design decision that goes wrong goes wrong at the small end.\n\nSo test there first. Before you show anyone anything:\n\n1. Export at 16, 32 and 64 pixels.\n2. Put them on your phone and hold it at arm's length.\n3. If you cannot tell what it is, the mark is too complicated, no matter how good it looks at 800 pixels.\n\nThen do the second test, which is harder to argue with.\n\n## The black-and-white test\n\nSet the whole mark to 100% black on white. Then invert it: white on black.\n\nIf it still reads in both, you have a logo. If it collapses, you have an illustration that happens to have a company name near it.\n\nThis is not an aesthetic preference. It is a list of the places your mark actually has to go:\n\n- Embroidered on a shirt pocket in one thread colour\n- A rubber stamp on a delivery challan\n- Engraved on a pen given away at a trade fair\n- A single-colour screen print on a jute bag\n- A newspaper classified advert\n- A thermal-printed invoice\n- Etched on glass, cast in a mould, cut in vinyl\n\nNone of these can render a gradient, a shadow or a transparency. All of them are ordinary requests from ordinary clients.\n\n> Figure: Where a gradient can go, and where it cannot. Will reproduce a gradient: Litho on coated stock; A digital toner press; Large-format inkjet; A screen, at any size. Will not, at any price: Embroidery in one thread colour; A rubber stamp on a delivery challan; Vinyl cut for a shop shutter; Engraving on a trade-fair pen; A thermal-printed invoice; A newspaper classified advert. Every surface on the right is an ordinary request from an ordinary client, and none of them can carry a gradient, a shadow or a transparency. That is why the mark is built in flat black first and the colour version added afterwards.\n\nThe inversion matters separately because ink spreads. A light mark on a dark ground closes up: thin counters fill in, hairline gaps disappear, and the mark that looked crisp goes muddy. If your counters vanish when inverted, open them up now.\n\n## Why a gradient mesh is a liability\n\nGradient meshes, transparency, blend modes and drop shadows are lovely on a screen and are the four things that cause the most trouble downstream.\n\n- They cannot be embroidered, cut, stamped or one-colour printed at all.\n- They force **transparency flattening** on export to older formats. Flattening slices the artwork into regions and rasterises the ones containing transparency at a fixed resolution. The result is the classic complaint: a logo comes back from the printer with a faintly visible grey or white box behind it, or a hairline seam across the middle of a soft shadow. The box is the boundary of the flattened region.\n- They are heavy to process, and small shops' RIPs are old.\n\nNone of this means never use colour or depth. It means: **build the mark as flat black first.** Get it working with nothing but silhouette. Then add colour, and keep the flat version as a deliverable in its own right. If the black version is boring, colour will not rescue it: it will just be a boring logo in nice colours.\n\nA useful crude limit: if your mark needs more than about 150 nodes, it is an illustration. Real marks are usually under 50.\n\n## Optical corrections, which nobody measures and everybody sees\n\nGeometry and perception disagree, and perception wins.\n\n- A circle set beside a square of the same height looks smaller. Overshoot the circle by 1 to 2%. Every typeface does this: the \"O\" is taller than the \"H\" and you have never noticed.\n- A horizontal bar placed at the exact vertical centre of a letterform looks too low. Raise it slightly.\n- A triangle pointing right, centred in a circle by its bounding box, looks off to the left, because its visual mass sits left of its geometric centre. Nudge it right. This is why the play button on every media player is not mathematically centred.\n\nYou do this by eye, at 100%, then again at 16 pixels.\n\nGrids are the reverse of this: the golden-ratio circle diagrams people post over famous logos are decoration applied afterwards. No one has ever chosen a mark because a set of circles fitted it.\n\n## What you actually hand over\n\nThe deliverable is not one file. It is a small set, and delivering it properly is a large part of what separates a paid job from a favour:\n\n- Master vector working file (`.cdr`, `.ai`, `.svg`, `.afdesign`)\n- Vector PDF with fonts outlined, for print and for anyone who has nothing\n- SVG for the web\n- PNGs with transparency at 1024, 512, 256, 64, 32 and 16 px\n- **Single-colour black** version and **white knockout** version, separately\n- A one-page usage sheet: minimum size, clear space around the mark expressed in units of the mark itself, the colour values in CMYK, RGB and hex, and two or three things not to do\n\nAll of it exports from Inkscape. There is no part of this list you need a subscription for.\n\n## The AI question, briefly\n\nLogo generators produce either a raster image or an auto-traced vector with hundreds of untidy nodes, which fails everything in this lesson at the small end. There is also a real duplication risk: a generator trained to produce logos will produce marks close to ones it has seen, and a mark that resembles an existing registered trademark is a legal problem, not a style problem.\n\nIf you use generated output at all, treat it as a sketch and redraw the final mark yourself with primitives and booleans. Ownership of generated output is unsettled and differs by country: [Making Things with AI](/learn/making-things-with-ai) sets out the actual state of the disagreement. For a mark, route around it: trademark protects a logo through use and registration regardless of how it was drawn, and that is the protection a client is buying.\n\n## Today\n\nTake your current logo. Set it to 100% black. Export at 16 px. Look at it on your phone. Most people find something to fix in the first thirty seconds."},"check":{"question":"A logo with a soft gradient and a drop shadow is approved. The client then orders embroidered shirts, a rubber stamp and a one-colour newspaper advert. What should have happened at design time?","options":[{"text":"The logo should have been supplied at higher resolution so the gradient survives at the small sizes those three uses require.","correct":false,"tempting":"Treats a reproduction-process limit as a resolution problem."},{"text":"A solid one-colour version of the mark should have been designed and tested first, because embroidery, stamps and one-colour print can only reproduce flat shapes; the gradient version then becomes one option rather than the only artwork.","correct":true},{"text":"The gradient should have been converted to a fine halftone pattern, which any of the three processes can reproduce.","correct":false,"tempting":"Assumes halftones work everywhere, when a needle and a rubber die cannot render dots at all."},{"text":"Spot colours should have been chosen instead of process colours, so the gradient reproduces consistently across the three suppliers.","correct":false,"tempting":"Solves a colour-matching problem when the obstacle is that these processes cannot render tonal transitions at all."}]},"prev":{"slug":"proofing-on-a-budget","title":"Proofing when you cannot afford a proofing system","url":"https://addaly.com/learn/vector-and-print/proofing-on-a-budget"},"next":{"slug":"the-brief-before-the-pencil","title":"The questions to ask before you draw anything","url":"https://addaly.com/learn/vector-and-print/the-brief-before-the-pencil"},"authorship":"Founder and series editor: Dr Mustafa Mun. Written by AI models to a written standard. Exam keys checked blind by a second model: 3,665 of 3,666 agreed. Academic review invited.","review":{"status":"Draft, open for academic review"},"cite":"Addaly (2026) 'If it does not work in black at 16 pixels, it is not a logo', in Vectors, Logos and Things That Get Printed. Edited by M. Mun. Addaly. Available at: https://addaly.com/learn/vector-and-print/logo-at-sixteen-pixels (Accessed: 31 October 2026).","licence":{"name":"CC BY-NC-SA 4.0","url":"https://creativecommons.org/licenses/by-nc-sa/4.0/"},"reader":{"schema":1,"title":"If it does not work in black at 16 pixels, it is not a logo","courseTitle":"Vectors, Logos and Things That Get Printed","module":{"index":5,"slug":"designing-a-mark","title":"Designing a mark"},"answer":null,"keyIdea":"Design the mark in flat black at small size first, because embroidery, stamps, vinyl and one-colour print cannot reproduce anything else, and the colour version can be added afterwards.","hero":{"kind":"figure","figure":{"t":"figure","label":"Figure 5.1","figure":{"left":{"title":"Will reproduce a gradient","items":["Litho on coated stock","A digital toner press","Large-format inkjet","A screen, at any size"]},"type":"compare","right":{"title":"Will not, at any price","items":["Embroidery in one thread colour","A rubber stamp on a delivery challan","Vinyl cut for a shop shutter","Engraving on a trade-fair pen","A thermal-printed invoice","A newspaper classified advert"]},"title":"Where a gradient can go, and where it cannot","caption":"Every surface on the right is an ordinary request from an ordinary client, and none of them can carry a gradient, a shadow or a transparency. That is why the mark is built in flat black first and the colour version added afterwards."},"alt":"Figure: Where a gradient can go, and where it cannot. Will reproduce a gradient: Litho on coated stock; A digital toner press; Large-format inkjet; A screen, at any size. Will not, at any price: Embroidery in one thread colour; A rubber stamp on a delivery challan; Vinyl cut for a shop shutter; Engraving on a trade-fair pen; A thermal-printed invoice; A newspaper classified advert. Every surface on the right is an ordinary request from an ordinary client, and none of them can carry a gradient, a shadow or a transparency. That is why the mark is built in flat black first and the colour version added afterwards."}},"blocks":[{"t":"h2","id":"the-two-sizes-that-decide-everything","runs":[{"text":"The two sizes that decide everything"}]},{"t":"p","runs":[{"text":"A logo will be seen at 16 pixels: a browser tab, an app icon in a crowded folder, a WhatsApp profile picture on a 5-inch screen at arm’s length. And it will be seen at 40 feet on the side of a building. Almost every design decision that goes wrong goes wrong at the small end."}]},{"t":"p","runs":[{"text":"So test there first. Before you show anyone anything:"}]},{"t":"ol","start":1,"items":[[{"text":"Export at 16, 32 and 64 pixels."}],[{"text":"Put them on your phone and hold it at arm’s length."}],[{"text":"If you cannot tell what it is, the mark is too complicated, no matter how good it looks at 800 pixels."}]]},{"t":"p","runs":[{"text":"Then do the second test, which is harder to argue with."}]},{"t":"h2","id":"the-black-and-white-test","runs":[{"text":"The black-and-white test"}]},{"t":"p","runs":[{"text":"Set the whole mark to 100% black on white. Then invert it: white on black."}]},{"t":"p","runs":[{"text":"If it still reads in both, you have a logo. If it collapses, you have an illustration that happens to have a company name near it."}]},{"t":"p","runs":[{"text":"This is not an aesthetic preference. It is a list of the places your mark actually has to go:"}]},{"t":"ul","items":[[{"text":"Embroidered on a shirt pocket in one thread colour"}],[{"text":"A rubber stamp on a delivery challan"}],[{"text":"Engraved on a pen given away at a trade fair"}],[{"text":"A single-colour screen print on a jute bag"}],[{"text":"A newspaper classified advert"}],[{"text":"A thermal-printed invoice"}],[{"text":"Etched on glass, cast in a mould, cut in vinyl"}]]},{"t":"p","runs":[{"text":"None of these can render a gradient, a shadow or a transparency. All of them are ordinary requests from ordinary clients."}]},{"t":"p","runs":[{"text":"The inversion matters separately because ink spreads. A light mark on a dark ground closes up: thin counters fill in, hairline gaps disappear, and the mark that looked crisp goes muddy. If your counters vanish when inverted, open them up now."}]},{"t":"h2","id":"why-a-gradient-mesh-is-a-liability","runs":[{"text":"Why a gradient mesh is a liability"}]},{"t":"p","runs":[{"text":"Gradient meshes, transparency, blend modes and drop shadows are lovely on a screen and are the four things that cause the most trouble downstream."}]},{"t":"ul","items":[[{"text":"They cannot be embroidered, cut, stamped or one-colour printed at all."}],[{"text":"They force "},{"text":"transparency flattening","b":true},{"text":" on export to older formats. Flattening slices the artwork into regions and rasterises the ones containing transparency at a fixed resolution. The result is the classic complaint: a logo comes back from the printer with a faintly visible grey or white box behind it, or a hairline seam across the middle of a soft shadow. The box is the boundary of the flattened region."}],[{"text":"They are heavy to process, and small shops’ RIPs are old."}]]},{"t":"p","runs":[{"text":"None of this means never use colour or depth. It means: "},{"text":"build the mark as flat black first.","b":true},{"text":" Get it working with nothing but silhouette. Then add colour, and keep the flat version as a deliverable in its own right. If the black version is boring, colour will not rescue it: it will just be a boring logo in nice colours."}]},{"t":"p","runs":[{"text":"A useful crude limit: if your mark needs more than about 150 nodes, it is an illustration. Real marks are usually under 50."}]},{"t":"h2","id":"optical-corrections-which-nobody-measures-and-everybody-sees","runs":[{"text":"Optical corrections, which nobody measures and everybody sees"}]},{"t":"p","runs":[{"text":"Geometry and perception disagree, and perception wins."}]},{"t":"ul","items":[[{"text":"A circle set beside a square of the same height looks smaller. Overshoot the circle by 1 to 2%. Every typeface does this: the “O” is taller than the “H” and you have never noticed."}],[{"text":"A horizontal bar placed at the exact vertical centre of a letterform looks too low. Raise it slightly."}],[{"text":"A triangle pointing right, centred in a circle by its bounding box, looks off to the left, because its visual mass sits left of its geometric centre. Nudge it right. This is why the play button on every media player is not mathematically centred."}]]},{"t":"p","runs":[{"text":"You do this by eye, at 100%, then again at 16 pixels."}]},{"t":"p","runs":[{"text":"Grids are the reverse of this: the golden-ratio circle diagrams people post over famous logos are decoration applied afterwards. No one has ever chosen a mark because a set of circles fitted it."}]},{"t":"h2","id":"what-you-actually-hand-over","runs":[{"text":"What you actually hand over"}]},{"t":"p","runs":[{"text":"The deliverable is not one file. It is a small set, and delivering it properly is a large part of what separates a paid job from a favour:"}]},{"t":"ul","items":[[{"text":"Master vector working file ("},{"text":".cdr","code":true},{"text":", "},{"text":".ai","code":true},{"text":", "},{"text":".svg","code":true},{"text":", "},{"text":".afdesign","code":true},{"text":")"}],[{"text":"Vector PDF with fonts outlined, for print and for anyone who has nothing"}],[{"text":"SVG for the web"}],[{"text":"PNGs with transparency at 1024, 512, 256, 64, 32 and 16 px"}],[{"text":"Single-colour black","b":true},{"text":" version and "},{"text":"white knockout","b":true},{"text":" version, separately"}],[{"text":"A one-page usage sheet: minimum size, clear space around the mark expressed in units of the mark itself, the colour values in CMYK, RGB and hex, and two or three things not to do"}]]},{"t":"p","runs":[{"text":"All of it exports from Inkscape. There is no part of this list you need a subscription for."}]},{"t":"h2","id":"the-ai-question-briefly","runs":[{"text":"The AI question, briefly"}]},{"t":"p","runs":[{"text":"Logo generators produce either a raster image or an auto-traced vector with hundreds of untidy nodes, which fails everything in this lesson at the small end. There is also a real duplication risk: a generator trained to produce logos will produce marks close to ones it has seen, and a mark that resembles an existing registered trademark is a legal problem, not a style problem."}]},{"t":"p","runs":[{"text":"If you use generated output at all, treat it as a sketch and redraw the final mark yourself with primitives and booleans. Ownership of generated output is unsettled and differs by country: "},{"text":"Making Things with AI","href":"https://addaly.com/learn/making-things-with-ai"},{"text":" sets out the actual state of the disagreement. For a mark, route around it: trademark protects a logo through use and registration regardless of how it was drawn, and that is the protection a client is buying."}]},{"t":"h2","id":"today","runs":[{"text":"Today"}]},{"t":"p","runs":[{"text":"Take your current logo. Set it to 100% black. Export at 16 px. Look at it on your phone. Most people find something to fix in the first thirty seconds."}]}],"check":{"question":[{"text":"A logo with a soft gradient and a drop shadow is approved. The client then orders embroidered shirts, a rubber stamp and a one-colour newspaper advert. What should have happened at design time?"}],"options":[{"text":[{"text":"The logo should have been supplied at higher resolution so the gradient survives at the small sizes those three uses require."}],"correct":false,"tempting":[{"text":"Treats a reproduction-process limit as a resolution problem."}]},{"text":[{"text":"A solid one-colour version of the mark should have been designed and tested first, because embroidery, stamps and one-colour print can only reproduce flat shapes; the gradient version then becomes one option rather than the only artwork."}],"correct":true,"tempting":null},{"text":[{"text":"The gradient should have been converted to a fine halftone pattern, which any of the three processes can reproduce."}],"correct":false,"tempting":[{"text":"Assumes halftones work everywhere, when a needle and a rubber die cannot render dots at all."}]},{"text":[{"text":"Spot colours should have been chosen instead of process colours, so the gradient reproduces consistently across the three suppliers."}],"correct":false,"tempting":[{"text":"Solves a colour-matching problem when the obstacle is that these processes cannot render tonal transitions at all."}]}],"order":[0,2,3,1],"why":null},"prev":{"slug":"proofing-on-a-budget","title":"Proofing when you cannot afford a proofing system","minutes":8},"next":{"slug":"the-brief-before-the-pencil","title":"The questions to ask before you draw anything","minutes":8}}}