[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog:3d-logo-animation":3,"blog-posts":361},{"id":4,"title":5,"body":6,"cover":342,"description":347,"extension":348,"keyword":349,"meta":350,"minutes":351,"navigation":352,"path":353,"publishAt":354,"redirectFromTopics":355,"seo":356,"stem":357,"topics":358,"updatedAt":355,"__hash__":360},"blog\u002Fblog\u002F3d-logo-animation.md","3D Logo Animation: Turn Your Logo Into a Short Video",{"type":7,"value":8,"toc":324},"minimark",[9,13,16,21,24,27,40,50,53,57,60,71,74,82,85,89,92,107,116,119,122,125,129,132,135,138,141,144,148,153,156,160,163,167,170,239,242,246,249,253,256,260,263,266,269,272,275,278,282,291,299,303,320],[10,11,12],"p",{},"A logo that moves gets noticed. That's the whole idea behind a 3D logo animation: your logo turns a little, catches the light and shows that it has depth, in a short clip you can drop into a Reel, a story or the start of a video. Until now, getting one meant a motion designer, a template site with a subscription, or an evening in an editing app you'd never opened before. So we built it into DepthLogo. Every logo you buy, made with AI or from a template, now comes with an animated version, and it's included.",[10,14,15],{},"This post explains what you get, how to download it, which motion suits which kind of logo, and where the videos work best. We'll also be straight about what it isn't, so you know exactly what you're getting.",[17,18,20],"h2",{"id":19},"what-the-animation-actually-does","What the animation actually does",[10,22,23],{},"Your logo is a flat picture. The animation treats it as a solid object instead. It gives the logo a thickness made from its own shape in a darker shade, so the edges show when it turns. It draws the logo in real perspective, so the side that swings toward you grows a little and the far side shrinks. And it moves a band of light across the face, the way a sign catches the sun as you walk past it.",[10,25,26],{},"There are three motions to choose from:",[28,29,30,34,37],"ul",{},[31,32,33],"li",{},"Turn swings the logo about 24 degrees one way, then the other, and back to the start. It runs for six seconds and loops without a visible jump, because the last frame is the same as the first.",[31,35,36],{},"Shine keeps the logo still and sends one slow band of light across it, then rests before the next pass. It loops every four seconds.",[31,38,39],{},"Intro brings the logo in from the side: it fades in while it turns to face you, the light passes over it, and it holds. It lasts three and a half seconds and plays once, which is what you want at the start of a video.",[41,42,47],"blog-figure",{"alt":43,"height":44,"src":45,"width":46},"Five moments from each of the three motions: Taco Fiesta turning left and right in Turn, a band of light crossing Groove Records in Shine, and Summit Gear turning in from the side and settling in Intro",900,"blog\u002F3d-logo-animation\u002Fthree-motions.webp",1600,[10,48,49],{},"The three motions, five moments each. Turn and Shine loop; Intro plays once and holds.",[10,51,52],{},"None of this is a stock effect laid over your logo. The thickness comes from your logo's own outline and colors, so a green logo gets green edges and a gold one gets dark gold ones. That's why it reads as your logo being solid, rather than a generic flip.",[17,54,56],{"id":55},"three-video-shapes-made-for-where-theyll-go","Three video shapes, made for where they'll go",[10,58,59],{},"Every animation downloads as three videos of the same motion, one for each shape the big platforms use:",[28,61,62,65,68],{},[31,63,64],{},"1:1, 1080 × 1080 pixels, for feed posts, profile videos and anywhere a square looks tidy.",[31,66,67],{},"16:9, 1920 × 1080 pixels, for video intros and outros, YouTube, presentations and the wide header at the top of a website.",[31,69,70],{},"9:16, 1080 × 1920 pixels, for Reels, TikTok, Shorts and stories, which fill a phone screen from top to bottom.",[10,72,73],{},"They're MP4 files, 30 frames a second, in the format every social network, video editor and slide app accepts. The logo sits in the middle of each frame with plenty of room around it, so it won't be cut off by the rounded corners of a profile picture or the buttons that apps lay over the bottom of a vertical video.",[41,75,79],{"alt":76,"height":77,"src":78,"width":46},"The three video shapes of one animated logo download: Summit Gear in a 16:9 frame for video intros, Taco Fiesta in a 1:1 square for posts, and Bobo Bakery in a 9:16 frame for Reels, TikTok and stories",600,"blog\u002F3d-logo-animation\u002Fthree-formats.webp",[10,80,81],{},"One download, three shapes. Each holds the same motion, framed for where it'll be posted.",[10,83,84],{},"The background behind the logo is the one your logo already has. For an AI logo that's white; for a template logo it's the background color set in the editor. A video can't be see-through the way a PNG can, so the background is part of the picture. If you want a template logo's video on another color, change its background in the editor first and download the animation again. For AI logos, white is what you get for now.",[17,86,88],{"id":87},"how-to-download-your-animated-logo","How to download your animated logo",[10,90,91],{},"You'll find it next to your other files:",[93,94,95,98,101,104],"ol",{},[31,96,97],{},"Open My logos and pick the logo you bought.",[31,99,100],{},"Scroll to the card called Animated logo. It plays a live preview of your logo straight away.",[31,102,103],{},"Choose Turn, Shine or Intro. The preview switches as you click, so you can watch each one before you decide.",[31,105,106],{},"Press Download. A zip with the three videos lands in your downloads, named after your logo, such as taco-fiesta-animated-logo.zip.",[41,108,113],{"alt":109,"height":110,"src":111,"width":112},"The Animated logo card in My logos for the Taco Fiesta logo, with a preview of the logo on the left, the choice of Turn, Shine and Intro, and a Download button",440,"blog\u002F3d-logo-animation\u002Fmy-logos-card.webp",1760,[10,114,115],{},"The Animated logo card in My logos. The preview on the left plays the motion you've picked.",[10,117,118],{},"The videos are made right there in your browser. Nothing is uploaded, and it doesn't take long: on a normal laptop, all three are ready in a few seconds. Want all three motions? Download one, switch to the next and download again. There's no limit.",[10,120,121],{},"If you paid for an AI logo as a PNG, the animation is made from that artwork, so the lighting, textures and colors the AI drew all come through. If your logo is a vector, from a template or an SVG, the animation is drawn from the vector at a large size, so the edges stay crisp.",[10,123,124],{},"Most current browsers make the MP4 files without any fuss. A browser that can't make MP4 video makes a WebM file instead, which plays almost everywhere too. If yours can make neither, the card says so and suggests opening My logos in Chrome, Edge or Safari.",[17,126,128],{"id":127},"which-motion-suits-which-logo","Which motion suits which logo",[10,130,131],{},"We tried all three on a lot of logos from our own case library before we picked the defaults. Here's what we learned.",[10,133,134],{},"Turn is the one to start with for flat logos and for logos built on lettering. A minimalist mark, a monogram or a retro 3D wordmark gains the most from it, because the thickness and the perspective add something the still image doesn't have. Our Summit Gear mountain, a flat two-color mark, suddenly looks like a cut metal sign when it turns.",[10,136,137],{},"Shine suits logos that are already illustrated in 3D. A clay mascot, a glossy cup or a gold monogram is drawn with its own light and shadow, and giving it a second, made-up thickness can make it look like a cardboard cut-out standing on a shelf. A band of light respects the drawing and still gives the eye something to follow. It's also the calmest of the three, which matters if the video will loop all day on a website.",[10,139,140],{},"Intro is for the start of something: the first seconds of a YouTube video, a product demo, a slideshow, an event screen before the talk begins. It has a clear beginning and a clear end, and the logo stays put at the end, so you can hold on that frame for as long as you need in your editing app.",[10,142,143],{},"If you're not sure, download Turn and Shine and post one of each. You'll know within a day which one your followers stop scrolling for.",[17,145,147],{"id":146},"where-to-use-the-videos","Where to use the videos",[149,150,152],"h3",{"id":151},"on-social-media","On social media",[10,154,155],{},"Post the 9:16 version as a Reel, a TikTok or a story when you launch or rebrand, then pin it. Use the square one as a post, or as a profile video on platforms that allow one. For a launch, a few seconds of your logo turning, followed by your opening line, works better than a still logo with a long caption.",[149,157,159],{"id":158},"at-the-start-and-end-of-videos","At the start and end of videos",[10,161,162],{},"Put the 16:9 Intro at the start of your YouTube videos, course lessons or webinar recordings, and the same file or a Shine loop at the end over your call to action. Any video editor will take the MP4: drag it onto the timeline before your first clip.",[149,164,166],{"id":165},"on-your-website","On your website",[10,168,169],{},"A short loop at the top of a page shows your brand moving before visitors read a word. To add one, upload the 16:9 or 1:1 file to your site and use a video tag that plays silently and loops:",[171,172,177],"pre",{"className":173,"code":174,"language":175,"meta":176,"style":176},"language-html shiki shiki-themes github-light github-dark","\u003Cvideo src=\"\u002Flogo-turn.mp4\" autoplay muted loop playsinline width=\"1080\" height=\"1080\">\u003C\u002Fvideo>\n","html","",[178,179,180],"code",{"__ignoreMap":176},[181,182,185,189,193,197,200,204,207,210,213,216,219,221,224,227,229,231,234,236],"span",{"class":183,"line":184},"line",1,[181,186,188],{"class":187},"sVt8B","\u003C",[181,190,192],{"class":191},"s9eBZ","video",[181,194,196],{"class":195},"sScJk"," src",[181,198,199],{"class":187},"=",[181,201,203],{"class":202},"sZZnC","\"\u002Flogo-turn.mp4\"",[181,205,206],{"class":195}," autoplay",[181,208,209],{"class":195}," muted",[181,211,212],{"class":195}," loop",[181,214,215],{"class":195}," playsinline",[181,217,218],{"class":195}," width",[181,220,199],{"class":187},[181,222,223],{"class":202},"\"1080\"",[181,225,226],{"class":195}," height",[181,228,199],{"class":187},[181,230,223],{"class":202},[181,232,233],{"class":187},">\u003C\u002F",[181,235,192],{"class":191},[181,237,238],{"class":187},">\n",[10,240,241],{},"The muted and playsinline parts matter: browsers only play videos on their own when they're silent, and phones need playsinline to play the video in the page instead of full screen. Most site builders have a video block that does the same with a couple of clicks.",[149,243,245],{"id":244},"in-presentations","In presentations",[10,247,248],{},"Keynote, PowerPoint and Google Slides all accept MP4. Put the Intro on your title slide and your opening looks finished before you've said anything.",[149,250,252],{"id":251},"on-screens-in-shops-and-at-events","On screens in shops and at events",[10,254,255],{},"A shop window display, a screen behind the counter or a booth at a trade fair can loop the Turn video all day. Use the 16:9 version for a normal TV and the 9:16 one for a screen turned on its side.",[17,257,259],{"id":258},"what-it-isnt","What it isn't",[10,261,262],{},"We'd rather you knew the limits now than found them later.",[10,264,265],{},"It isn't a 3D model. You can't spin the logo all the way round, 3D-print it or open it in Blender. The animation shows your logo from the front, turning a little, with a thickness that makes the turn believable.",[10,267,268],{},"It isn't AI video. The motion comes from our own code, worked out frame by frame from your logo, which is why it always keeps your logo exactly as it is: the same letters, the same colors, every time. We have tested AI video models too. They can produce bigger, more dramatic moves, but in our tests they also sometimes bent the letters halfway through a turn, and a logo with a misspelled frame isn't something we'd hand you.",[10,270,271],{},"It has no sound. Add music or a sound effect in your editing app, or straight in the Reels and TikTok editors.",[10,273,274],{},"It isn't a GIF. GIFs are large and limited to a small number of colors, which spoils the light and shading. MP4 looks better at a fraction of the size, and every platform that matters takes it.",[10,276,277],{},"And it doesn't replace your still files. Your PNG, SVG, PDF, favicons and social images are all still there in My logos, where they always were. The animation is one more file in the set.",[17,279,281],{"id":280},"start-with-a-logo-worth-animating","Start with a logo worth animating",[10,283,284,285,290],{},"Depth looks best when the logo was made with depth in mind, so if you're starting from scratch, it's worth making a logo that has some. Our ",[286,287,289],"a",{"href":288},"\u002F3d-logo-maker","3D logo maker"," shows what the AI draws in Retro 3D, 3D Clay, 3D Ice and Gold, and how depth changes the other styles. Those logos look good still and even better moving.",[10,292,293,294,298],{},"If you prefer a clean, flat mark, that works just as well: flat logos are the ones Turn adds the most to. Type your brand name into the ",[286,295,297],{"href":296},"\u002F","AI logo generator",", pick a style, and once your logo is yours, the animated version is waiting in My logos with the rest of your files.",[17,300,302],{"id":301},"the-short-version","The short version",[93,304,305,308,311,314,317],{},[31,306,307],{},"Every logo you buy on DepthLogo comes with an animated version, at no extra cost.",[31,309,310],{},"Pick Turn, Shine or Intro on the Animated logo card in My logos, and watch the live preview.",[31,312,313],{},"Download a zip with three MP4 videos: 1:1 for posts, 16:9 for intros and websites, 9:16 for Reels, TikTok and stories.",[31,315,316],{},"Use Turn for flat logos and lettering, Shine for logos that are already drawn in 3D, and Intro to open a video.",[31,318,319],{},"Add sound in your editor, and keep your still files for print and everything else.",[321,322,323],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":176,"searchDepth":325,"depth":326,"links":327},2,3,[328,329,330,331,332,339,340,341],{"id":19,"depth":325,"text":20},{"id":55,"depth":325,"text":56},{"id":87,"depth":325,"text":88},{"id":127,"depth":325,"text":128},{"id":146,"depth":325,"text":147,"children":333},[334,335,336,337,338],{"id":151,"depth":326,"text":152},{"id":158,"depth":326,"text":159},{"id":165,"depth":326,"text":166},{"id":244,"depth":326,"text":245},{"id":251,"depth":326,"text":252},{"id":258,"depth":325,"text":259},{"id":280,"depth":325,"text":281},{"id":301,"depth":325,"text":302},{"src":343,"alt":344,"width":345,"height":346},"blog\u002F3d-logo-animation\u002Fcover.webp","Three logos from the DepthLogo case library in the middle of a 3D logo animation, Summit Gear in a wide 16:9 frame, Taco Fiesta in a square and Bobo Bakery in a tall 9:16 frame, above a video play bar",1200,630,"Every logo you buy on DepthLogo now comes with a 3D logo animation in three motions and three video shapes. How it works, and where to use it.","md","3d logo animation",{},8,true,"\u002Fblog\u002F3d-logo-animation","2026-11-14",null,{"title":5,"description":347},"blog\u002F3d-logo-animation",[359],"3d-logo-maker","meZ6cbYp4LpWZqEG8QN3u_AEzl04Dq7BBfMhnmSvmec",[362,365,375,385,396,406,416,426,435,445,453,462,471,480,489,497],{"stem":357,"title":5,"description":347,"topics":363,"publishAt":354,"updatedAt":355,"minutes":351,"cover":364},[359],{"src":343,"alt":344,"width":345,"height":346},{"stem":366,"title":367,"description":368,"topics":369,"publishAt":370,"updatedAt":371,"minutes":351,"cover":372},"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.",[359],"2026-10-17","2026-11-05",{"src":373,"alt":374,"width":345,"height":346},"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":376,"title":377,"description":378,"topics":379,"publishAt":381,"updatedAt":371,"minutes":351,"cover":382},"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.",[380],"ai-logo-maker","2026-10-21",{"src":383,"alt":384,"width":345,"height":346},"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":386,"title":387,"description":388,"topics":389,"publishAt":391,"updatedAt":355,"minutes":392,"cover":393},"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.",[390],"logo-generator","2026-10-20",7,{"src":394,"alt":395,"width":345,"height":346},"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":397,"title":398,"description":399,"topics":400,"publishAt":402,"updatedAt":371,"minutes":392,"cover":403},"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.",[401],"logo-maker","2026-10-22",{"src":404,"alt":405,"width":345,"height":346},"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":407,"title":408,"description":409,"topics":410,"publishAt":370,"updatedAt":371,"minutes":412,"cover":413},"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.",[411],"free-logo-maker",9,{"src":414,"alt":415,"width":345,"height":346},"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":417,"title":418,"description":419,"topics":420,"publishAt":381,"updatedAt":422,"minutes":392,"cover":423},"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.",[421],"logo-creator","2026-11-03",{"src":424,"alt":425,"width":345,"height":346},"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":427,"title":428,"description":429,"topics":430,"publishAt":370,"updatedAt":371,"minutes":431,"cover":432},"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.",[359],10,{"src":433,"alt":434,"width":345,"height":346},"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":436,"title":437,"description":438,"topics":439,"publishAt":441,"updatedAt":371,"minutes":412,"cover":442},"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.",[440],"ai-logo-generator","2026-10-15",{"src":443,"alt":444,"width":345,"height":346},"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":446,"title":447,"description":448,"topics":449,"publishAt":441,"updatedAt":422,"minutes":351,"cover":450},"blog\u002Fhow-to-use-a-logo-maker","How to Use a Logo Maker: A Step-by-Step Guide","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.",[401],{"src":451,"alt":452,"width":345,"height":346},"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",{"stem":454,"title":455,"description":456,"topics":457,"publishAt":391,"updatedAt":355,"minutes":392,"cover":459},"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.",[458],"logo-checker",{"src":460,"alt":461,"width":345,"height":346},"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":463,"title":464,"description":465,"topics":466,"publishAt":370,"updatedAt":422,"minutes":467,"cover":468},"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.",[411],11,{"src":469,"alt":470,"width":345,"height":346},"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":472,"title":473,"description":474,"topics":475,"publishAt":476,"updatedAt":355,"minutes":392,"cover":477},"blog\u002Flogo-generator-vs-designer","Logo Generator vs Designer: Which One Do You Need?","We make a logo generator, and we still think a designer is sometimes the better call. When each one fits, and how to use both without wasting time.",[390],"2026-11-07",{"src":478,"alt":479,"width":345,"height":346},"blog\u002Flogo-generator-vs-designer\u002Fcover.webp","Three Harbor & Pine logos from the DepthLogo case library next to the four steps of a designer's process, from questions about your business to final files and usage rules",{"stem":481,"title":482,"description":483,"topics":484,"publishAt":485,"updatedAt":422,"minutes":351,"cover":486},"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.",[401],"2026-10-23",{"src":487,"alt":488,"width":345,"height":346},"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",{"stem":490,"title":491,"description":492,"topics":493,"publishAt":476,"updatedAt":355,"minutes":467,"cover":494},"blog\u002Flogo-styles","Logo Styles: How to Pick One in an AI Logo Generator","All 14 logo styles in our AI logo generator, each with a real logo: what every style is good at, where it struggles and how it changes your files.",[440],{"src":495,"alt":496,"width":345,"height":346},"blog\u002Flogo-styles\u002Fcover.webp","Five logos from the DepthLogo case library in five styles, a minimalist mountain for Summit Gear, a vintage barber badge, a fox mascot in headphones, a watercolor camera and a neon owl",{"stem":498,"title":499,"description":500,"topics":501,"publishAt":422,"updatedAt":355,"minutes":351,"cover":502},"blog\u002Ftransparent-logo-png","Transparent Logo PNG: Fix White Boxes and Rough Edges","Make a transparent logo PNG that works on your website. Check for white boxes, baked-in checkerboards and pale edges, then export the right file.",[458],{"src":503,"alt":504,"width":345,"height":346},"blog\u002Ftransparent-logo-png\u002Fcover.webp","Illustrated dark and light versions of a leaf logo on green, cream and dark teal surfaces, with the background visible around each mark"]