[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog:how-to-use-a-logo-maker":3,"blog-posts":295},{"id":4,"title":5,"body":6,"cover":276,"description":281,"extension":282,"keyword":20,"meta":283,"minutes":284,"navigation":285,"path":286,"publishAt":287,"seo":288,"stem":289,"topics":290,"updatedAt":293,"__hash__":294},"blog\u002Fblog\u002Fhow-to-use-a-logo-maker.md","How to Use a Logo Maker: A Step-by-Step Guide",{"type":7,"value":8,"toc":259},"minimark",[9,13,22,27,30,33,36,40,43,56,59,62,72,76,79,82,85,88,91,94,98,101,106,109,112,123,130,134,137,145,152,156,159,162,166,169,186,190,193,201,204,208,216,234,238,256],[10,11,12],"p",{},"A logo maker is the do-it-yourself route to a logo. Instead of describing what you want and waiting for someone to draw it, you start from a finished design and change it until it's yours: the name, the fonts, the colors, the symbol and the spacing. It's quick, it costs nothing to try, and you stay in control of every detail.",[10,14,15,16,21],{},"That control is also the catch. With hundreds of templates in front of you and every setting a click away, it's easy to fiddle for an hour and still not be sure you've got it right. This guide is the shortcut we wish everyone had: how to pick a template worth editing, what to change first, and how to tell when you're done. The screenshots come from the ",[17,18,20],"a",{"href":19},"\u002Flogo-maker","logo maker"," on DepthLogo, but the steps work in most tools like it.",[23,24,26],"h2",{"id":25},"type-your-name-before-you-look-at-templates","Type your name before you look at templates",[10,28,29],{},"Most logo makers open on a wall of designs that all say \"Your Brand\". Try not to browse them like that. A template that looks great with a short placeholder can fall apart with your real name, and one that looks plain with the placeholder can suddenly come alive with yours.",[10,31,32],{},"So put your brand name in first, written exactly the way you write it, and add a slogan only if you're sure you want one. On DepthLogo every template is redrawn with your name, so what you see is close to what you'd get. In some layouts a longer name wraps onto two lines, and it's much better to spot that now than after you've fallen for a design.",[10,34,35],{},"There's another reason to start with the name. Our search reads it for meaning as well as for words. Type \"Harbor & Pine\" and templates with anchors, waves and pine trees move up the list, because those are the things the name suggests. While it reads a new name, the page tells you so, and the results sharpen a moment later. Your name ends up doing part of the searching for you.",[23,37,39],{"id":38},"narrow-it-down-to-a-few-candidates","Narrow it down to a few candidates",[10,41,42],{},"Next, cut the list down. Filters are faster than scrolling, and they're easy to undo, so don't be shy with them.",[44,45,46,50,53],"ul",{},[47,48,49],"li",{},"Industry brings forward designs made for businesses like yours, from bakeries to law firms.",[47,51,52],{},"Style sorts by feel: modern, elegant, vintage, playful, nature, minimal and bold, plus emblems, lettermarks built from your initials, and wordmarks that are just the name, set nicely.",[47,54,55],{},"Color and font narrow it further if you already know you want something serif, handwritten or heavy.",[10,57,58],{},"If you have a particular picture in mind, type it into Keywords, like \"coffee\", \"leaf\" or \"crown\". Simple words for things you can draw work best. Under the results you'll also find recommended searches, which are a handy way to find symbols you hadn't thought of.",[10,60,61],{},"Aim for three or four candidates rather than one. Open them side by side and compare them. A few templates next to each other teach you more about what you want than staring at a single one ever will.",[63,64,69],"blog-figure",{"alt":65,"height":66,"src":67,"width":68},"The logo maker's template search with Atelier as the brand name and minimal as the style, every template shown with that name",1180,"blog\u002Fhow-to-use-a-logo-maker\u002Ftemplates.webp",1600,[10,70,71],{},"Search with your own name and every template shows it, so you're judging the real thing instead of a placeholder.",[23,73,75],{"id":74},"judge-a-template-by-its-bones-not-its-colors","Judge a template by its bones, not its colors",[10,77,78],{},"When you compare your candidates, ignore the colors for a moment. Colors are the easiest thing to change in the editor, and they're often what makes a template look good or bad at first sight. Look at the structure instead.",[10,80,81],{},"Start with the layout. Is the symbol above the name, beside it, or is there no symbol at all? Think about where the logo will sit most of the time. A wide website header suits a symbol beside the name, while a square profile picture or an app icon suits one stacked on top.",[10,83,84],{},"Then look at the symbol. Does it say something about what you do, or at least not say something wrong? A dental clinic with a coffee bean is a strange place to start, however good the colors are.",[10,86,87],{},"Then the lettering. Does the style of the type fit the feel of your business? A heavy, rounded font comes across as friendly and casual. A thin, elegant serif feels calm and a little more expensive. Neither is better; they just send different signals.",[10,89,90],{},"Finally, shrink it. Zoom out, or lean back from your screen. If a template turns to mush when it's small, editing won't save it.",[10,92,93],{},"A template that gets through all of that is worth your time in the editor.",[23,95,97],{"id":96},"make-it-yours-in-the-editor","Make it yours in the editor",[10,99,100],{},"Open your favorite and you'll see the logo in the middle, its layers on one side and the settings for whatever you've selected on the other. You don't need to learn every control. Most good edits come down to a few changes made carefully, in the right order.",[102,103,105],"h3",{"id":104},"get-the-text-right-first","Get the text right first",[10,107,108],{},"Click the name and look at the text settings. You can change the font, the size, the letter spacing and the line height, set the alignment and switch to capitals. Double-click the text on the canvas and you can type straight into it.",[10,110,111],{},"A few habits keep lettering looking professional:",[44,113,114,117,120],{},[47,115,116],{},"Use two fonts at most, one for the name and one for the slogan. Often one font in two weights looks even better.",[47,118,119],{},"Add a little letter spacing when the text is in capitals. It looks more deliberate and reads better at small sizes.",[47,121,122],{},"Keep the slogan clearly smaller than the name, but not so small that it disappears at a glance.",[63,124,127],{"alt":125,"height":66,"src":126,"width":68},"The logo maker's editor with the brand name selected, showing the font, size, letter spacing, line height, alignment and capitals settings","blog\u002Fhow-to-use-a-logo-maker\u002Feditor-text.webp",[10,128,129],{},"The name selected in the editor: font, size, letter spacing, line height and alignment are all one click away.",[102,131,133],{"id":132},"then-the-colors","Then the colors",[10,135,136],{},"Click the symbol or a shape to see its colors. Each swatch is one color of that graphic, and changing a swatch changes that color everywhere it appears in the graphic, so a two-tone symbol stays two-tone. You can change the background as well. Your download includes a transparent version either way, so the background only matters for the versions that show one.",[10,138,139,140,144],{},"If you have brand colors, use them. If you don't, take the template's colors as a starting point and change one at a time. It's surprisingly easy to go from nice to busy by changing everything at once. Our ",[17,141,143],{"href":142},"\u002Fblog\u002Flogo-maker\u002Fchoosing-logo-colors","logo maker color guide"," covers how many colors to use and how to test them.",[63,146,149],{"alt":147,"height":66,"src":148,"width":68},"The logo maker's editor with the leaf symbol selected, showing one color swatch for each color in the graphic","blog\u002Fhow-to-use-a-logo-maker\u002Feditor-colors.webp",[10,150,151],{},"With the symbol selected, each swatch is one of its colors. Change one and it changes everywhere in that graphic.",[102,153,155],{"id":154},"finally-spacing-and-position","Finally, spacing and position",[10,157,158],{},"Now move, resize or rotate the symbol and the text until the spacing feels even. Two quick checks help here. Is the gap between the symbol and the name about the same as the gap between the name and the slogan? And does the whole logo look centered, not just measure as centered? Round shapes and pointed letters can fool the eye, so trust what you see over the numbers.",[10,160,161],{},"If you go too far, there's undo, and a reset button that takes you back to the template as it was. The editor also keeps your work in this browser, so you can close the tab and pick up where you left off.",[23,163,165],{"id":164},"the-mistakes-we-see-most-often","The mistakes we see most often",[10,167,168],{},"Most logos that look homemade got that way through a handful of small decisions rather than one big one. These are the ones that come up again and again:",[44,170,171,174,177,180,183],{},[47,172,173],{},"Shrinking the symbol until it's decoration. If the name is ten times bigger than the symbol, the symbol stops doing its job; keep them in proportion.",[47,175,176],{},"A slogan that's really a sentence. About five words is the limit before it turns into a smudge at small sizes.",[47,178,179],{},"Effects that don't survive printing. Glows, soft shadows and hairline strokes look fine on a screen and can vanish on paper, fabric or a sign.",[47,181,182],{},"Too many fonts. If you're using three, take one out.",[47,184,185],{},"Never trying it on a dark background. Plenty of logos look great on white and disappear on black.",[23,187,189],{"id":188},"download-the-files-then-check-them","Download the files, then check them",[10,191,192],{},"When you download, you get a set of files rather than a single one. The vector SVG stays sharp at any size and is what printers and sign makers will ask for. There's also a print-ready PDF, PNG and WebP images for your website and social media, favicons and social profile images. And you get the versions people often forget they need: the logo on its background, the symbol on its own, the name on its own, and one-color black and white versions for things like stamps, invoices and engraving.",[10,194,195,196,200],{},"Before you put your new logo anywhere important, run the files past our free ",[17,197,199],{"href":198},"\u002Flogo-checker","logo checker",". It looks at the things that cause trouble later: whether the background is really transparent, whether the file is sharp enough for print, how the logo holds up at favicon size, whether it fades on dark backgrounds and how many colors it uses.",[10,202,203],{},"Because it's your design, you can come back to it. Once you've bought it, your logo is kept in My logos, so you can change a color or fix a typo months later and download the files again.",[23,205,207],{"id":206},"logo-maker-or-ai-logo-generator","Logo maker or AI logo generator?",[10,209,210,211,215],{},"Both get you a logo, in different ways. A logo maker gives you control: you start from a layout that already works and decide everything yourself. An ",[17,212,214],{"href":213},"\u002F","AI logo generator"," gives you surprise: you describe your brand and it draws original options you might never have come up with.",[10,217,218,219,223,224,228,229,233],{},"If you know roughly what you want, start with ",[17,220,222],{"href":221},"\u002Flogo-templates","logo templates",". If you don't, or you'd like something nobody else has, try the generator first, then fine-tune the result. Our ",[17,225,227],{"href":226},"\u002Fblog\u002Fai-logo-generator\u002Fhow-to-make-a-logo-with-ai","guide to making a logo with an AI logo generator"," covers that side step by step. And if you're still hunting for a direction, browse some ",[17,230,232],{"href":231},"\u002Flogo-ideas","logo ideas"," from different industries and make a note of what catches your eye.",[23,235,237],{"id":236},"the-short-version","The short version",[239,240,241,244,247,250,253],"ol",{},[47,242,243],{},"Type your real brand name before you browse.",[47,245,246],{},"Use the filters to get down to three or four templates.",[47,248,249],{},"Judge them by layout, symbol, lettering and how they look small, not by color.",[47,251,252],{},"In the editor, fix the text first, then the colors, then the spacing.",[47,254,255],{},"Download the full set of files, then check them.",[10,257,258],{},"A logo maker rewards a little patience. Pick a good template, make a handful of careful changes, and stop when it feels right rather than when you've tried every setting.",{"title":260,"searchDepth":261,"depth":262,"links":263},"",2,3,[264,265,266,267,272,273,274,275],{"id":25,"depth":261,"text":26},{"id":38,"depth":261,"text":39},{"id":74,"depth":261,"text":75},{"id":96,"depth":261,"text":97,"children":268},[269,270,271],{"id":104,"depth":262,"text":105},{"id":132,"depth":262,"text":133},{"id":154,"depth":262,"text":155},{"id":164,"depth":261,"text":165},{"id":188,"depth":261,"text":189},{"id":206,"depth":261,"text":207},{"id":236,"depth":261,"text":237},{"src":277,"alt":278,"width":279,"height":280},"blog\u002Fhow-to-use-a-logo-maker\u002Fcover.webp","The DepthLogo logo maker editor with a leaf emblem template, its layers on the left and its text settings on the right",1200,630,"How to use a logo maker to design your own logo, from picking a template worth editing to making the name, fonts and colors yours and downloading the files.","md",{},8,true,"\u002Fblog\u002Fhow-to-use-a-logo-maker","2026-10-15",{"title":5,"description":281},"blog\u002Fhow-to-use-a-logo-maker",[291,292],"logo-maker","logo-creator","2026-10-22","yeyWR9T56Nix25ZdIIQeSSZY1d8xvHGEamarOyp02NY",[296,308,318,329,337,347,355,363,372,375,384,394],{"stem":297,"title":298,"description":299,"topics":300,"publishAt":303,"updatedAt":304,"minutes":284,"cover":305},"blog\u002F3d-logo-vs-flat-logo","3D Logo vs Flat Logo: When Depth Helps a Brand","An honest look at 3D and flat logos, with real examples. Where depth helps a brand, where a flat logo works better, and how to have both versions.",[301,302],"3d-logo-maker","ai-logo-maker","2026-10-17",null,{"src":306,"alt":307,"width":279,"height":280},"blog\u002F3d-logo-vs-flat-logo\u002Fcover.webp","A flat navy mountain logo for Summit Gear beside a 3D coffee cup full of snowy mountains for Summit Roasters, both made with DepthLogo",{"stem":309,"title":310,"description":311,"topics":312,"publishAt":314,"updatedAt":304,"minutes":284,"cover":315},"blog\u002Fai-logo-maker-examples","AI Logo Maker Examples: Real Briefs and Their Logos","Real briefs from our AI logo maker and the logos they made. See what a name alone gives you, when to describe a symbol, and how much the style changes.",[302,313],"ai-logo-generator","2026-10-21",{"src":316,"alt":317,"width":279,"height":280},"blog\u002Fai-logo-maker-examples\u002Fcover.webp","Three briefs and the logos they made in the DepthLogo AI logo maker, a mascot fox in headphones for Foxtrot Audio, a vintage badge with a 1950s car for Route 66 Garage and a folk-art wreath for Bloom & Birch",{"stem":319,"title":320,"description":321,"topics":322,"publishAt":324,"updatedAt":304,"minutes":325,"cover":326},"blog\u002Fchoosing-a-logo-from-a-logo-generator","How to Choose a Logo From a Logo Generator","A practical way to compare logo generator results, narrow your shortlist and choose a design that fits your business before spending more time on it.",[323],"logo-generator","2026-10-20",7,{"src":327,"alt":328,"width":279,"height":280},"blog\u002Fchoosing-a-logo-from-a-logo-generator\u002Fcover.webp","Three Harbor & Pine logos from the DepthLogo case library, with a lighthouse, a smiling coffee cup and a script wordmark, arranged as a shortlist",{"stem":330,"title":331,"description":332,"topics":333,"publishAt":293,"updatedAt":304,"minutes":325,"cover":334},"blog\u002Fchoosing-logo-colors","Logo Maker Color Guide: How to Choose Logo Colors","How to choose logo colors in a logo maker. How many colors to use, why contrast matters more than meaning, and how to test them before you download.",[291,313],{"src":335,"alt":336,"width":279,"height":280},"blog\u002Fchoosing-logo-colors\u002Fcover.webp","Four two-color logos from the DepthLogo case library, navy and orange for Summit Gear, navy and blue for Northwind, black and orange for Lumen Studio and olive green and gold for Olive & Thyme",{"stem":338,"title":339,"description":340,"topics":341,"publishAt":303,"updatedAt":304,"minutes":343,"cover":344},"blog\u002Ffree-logo-maker-guide","Free Logo Maker: What You Can Make Without Paying","What a free logo maker really gives you, a checklist for judging one, and how to design a logo for free on DepthLogo and pay only for the files.",[342,291],"free-logo-maker",10,{"src":345,"alt":346,"width":279,"height":280},"blog\u002Ffree-logo-maker-guide\u002Fcover.webp","Six logo templates in the DepthLogo free logo maker, each one already set with the brand name Atelier",{"stem":348,"title":349,"description":350,"topics":351,"publishAt":314,"updatedAt":293,"minutes":325,"cover":352},"blog\u002Fhow-to-choose-a-logo-font","Logo Creator Tips: How to Choose a Font for Your Logo","How to choose a logo font in a logo creator. What bold, thin, serif and script letters say about a business, how to test them small, and when to stop at one.",[292,291],{"src":353,"alt":354,"width":279,"height":280},"blog\u002Fhow-to-choose-a-logo-font\u002Fcover.webp","Four logos from the DepthLogo case library with different lettering, a bold sans-serif for Summit Gear, a thin sans-serif for Lumen Studio, a serif for Hartley & Vale and a formal script for Olive & Thyme",{"stem":356,"title":357,"description":358,"topics":359,"publishAt":303,"updatedAt":304,"minutes":343,"cover":360},"blog\u002Fhow-to-make-a-3d-logo","How to Make a 3D Logo With an AI 3D Logo Maker","A step-by-step guide to making a 3D logo with AI, from a brief that suits depth and the right 3D style to colors that hold up and judging the light.",[301,323],{"src":361,"alt":362,"width":279,"height":280},"blog\u002Fhow-to-make-a-3d-logo\u002Fcover.webp","Six 3D logos made with the DepthLogo AI generator, from Donut Social's retro 3D letters and a clay bakery bear to an ice letter F and a gold monogram",{"stem":364,"title":365,"description":366,"topics":367,"publishAt":287,"updatedAt":304,"minutes":368,"cover":369},"blog\u002Fhow-to-make-a-logo-with-ai","How to Make a Logo With an AI Logo Generator","A plain-English guide to making a logo with an AI logo generator, from what to type and which style to pick to judging the results and getting the right files.",[313,302],9,{"src":370,"alt":371,"width":279,"height":280},"blog\u002Fhow-to-make-a-logo-with-ai\u002Fcover.webp","Logos made with the DepthLogo AI logo generator, from a fox mascot in headphones to a gold monogram",{"stem":289,"title":5,"description":281,"topics":373,"publishAt":287,"updatedAt":293,"minutes":284,"cover":374},[291,292],{"src":277,"alt":278,"width":279,"height":280},{"stem":376,"title":377,"description":378,"topics":379,"publishAt":324,"updatedAt":304,"minutes":325,"cover":381},"blog\u002Flogo-checker-before-you-use-your-logo","Logo Checker: What to Fix Before You Use Your Logo","Read a logo checker report without chasing the score. Find out which warnings need a new file, an extra version or a closer look at the design itself.",[380],"logo-checker",{"src":382,"alt":383,"width":279,"height":280},"blog\u002Flogo-checker-before-you-use-your-logo\u002Fcover.webp","A diagram showing the Harbor & Pine lighthouse logo on white and dark navy, with a small-size preview and notes about background contrast and legibility",{"stem":385,"title":386,"description":387,"topics":388,"publishAt":303,"updatedAt":389,"minutes":390,"cover":391},"blog\u002Flogo-file-formats","Logo File Formats Explained: PNG, SVG, PDF and More","Logo file formats in plain English: what PNG, SVG, PDF and WebP are for, which file to send a printer or sign maker, and how to check a logo file.",[342,380],"2026-10-23",11,{"src":392,"alt":393,"width":279,"height":280},"blog\u002Flogo-file-formats\u002Fcover.webp","The DepthLogo files page for an Atelier logo, with the logo, the logo on its background, the icon and the name each offered as SVG, PDF, PNG and WebP",{"stem":395,"title":396,"description":397,"topics":398,"publishAt":389,"updatedAt":304,"minutes":284,"cover":399},"blog\u002Flogo-size-guide","Logo Size Guide: Dimensions for Web, Social and Print","What logo size to use on your website, favicon, social profiles, email and print, when a vector beats a PNG, and a cheat sheet to keep.",[291,342],{"src":400,"alt":401,"width":279,"height":280},"blog\u002Flogo-size-guide\u002Fcover.webp","One logo shown at the sizes it meets, from a 16 px browser tab icon to a 512 px app icon"]