Visual guide
Logo design basics
A logo is not your brand, but it's the most compressed symbol of it. A good mark is simple, scalable, and recognizable at a glance. This guide covers the main logo types, the file formats you'll need, and the principles that make a logo work anywhere.
It's tempting to treat the logo as the whole branding project. It isn't — a logo is the visible tip of the strategy, color, and voice beneath it. But it is the symbol people will see most, so it's worth getting the fundamentals right.
The main logo types
- Wordmark — the brand name set in distinctive type. Great when the name itself is short and worth reinforcing.
- Lettermark / monogram — initials, useful when the full name is long.
- Symbol / pictorial mark — an icon with no words. Powerful, but usually earned after a brand is well known.
- Combination mark — a symbol plus the name, giving you flexibility to use them together or separately. This is the safest choice for most new brands.
- Emblem — text inside a shape or badge. Distinctive but harder to scale down.
For most founders, a combination mark is the pragmatic starting point: you get a memorable symbol and a clear wordmark, and you can split them as your recognition grows.
Principles that make a logo work
Simple
Simple marks are easier to recognize, remember, and reproduce. If it only works at large sizes with fine detail, it's too complex. Aim for something you could sketch from memory.
Scalable
Your logo must read from a browser tab favicon (16px) to a billboard. This is why logos are designed as vector art — more on formats below. Test your mark tiny and large before you finalize it.
Legible
Whatever type you use should stay clear at small sizes. Overly thin strokes and tight letter spacing disappear when scaled down or printed. The same contrast thinking from choosing brand colors applies: the mark needs to hold up against its background.
Appropriate and distinctive
The logo should fit your brand's personality and stand apart from competitors. A well-chosen archetype helps here — a Sage brand and a Jester brand should not have interchangeable marks.
Works in one color
A strong logo survives being flattened to a single color. Design it to work in solid black and solid white first; color is a layer on top, not a crutch.
File formats you'll need
There are two families of image files, and the difference matters for logos:
- Vector (SVG, and for print PDF/EPS) — made of mathematical paths, so they scale to any size without losing sharpness. Your master logo should always be vector. Per Adobe's own documentation, vector graphics are resolution-independent — ideal for logos.
- Raster (PNG, JPG) — made of a fixed grid of pixels, so they blur or pixelate when enlarged beyond their resolution. Export raster versions from the vector master at the sizes you need. PNG supports transparency (good for logos); JPG does not.
A common print benchmark is 300 PPI (pixels per inch) for raster images at final size; screens are far more forgiving. The practical rule: keep one vector master, and export PNGs (with transparency) for everyday use. Keep a favicon too — an SVG favicon stays crisp at any size, which is why this site uses one.
Before you commission or DIY
Lock your name, your palette, and your personality first — a logo built on unsettled strategy gets redone. When you're ready, explore type and color together in the free mini style-guide generator so your mark sits inside a coherent system rather than floating alone.
DIY, template, or hire?
You have three realistic paths to a first logo, and the right one depends on budget and stage. DIY with a vector tool gives you full control and costs only time, but demands some design skill to avoid an amateur result — best when your mark is a simple wordmark. Template or logo-maker tools are fast and cheap and fine for an early-stage brand that will likely evolve; just confirm you receive a true vector master, not only PNGs. Hiring a designer costs more but yields a distinctive, ownable mark and proper file variants — worth it once the business is validated and the name is locked.
Whichever path you choose, insist on the same deliverables: a vector master (SVG/EPS), one-color versions, a horizontal and a stacked layout, and exported PNGs with transparency at common sizes. Ask for a favicon too. And apply the tiny-and-large test before you sign off — shrink the mark to 16px and blow it up to poster size; if it survives both, it will survive everything in between. Finally, drop the finished logo into your style guide with clear-space and "do not" rules so nobody stretches or recolors it later. A logo is a long-term asset; a few hours of discipline now prevents years of inconsistency.
Primary source: Adobe, "Raster vs. vector: what's the difference?" adobe.com — explains resolution-independent vector graphics vs. pixel-based raster (accessed 2026). Adobe — Vector vs. raster graphics ↗
This guide is educational and general in nature — it is not professional design, legal, or trademark advice, and makes no guarantees about business results. Verify any regulatory, trademark, or pricing details against a current primary source.
Last reviewed: 2026-07-04. We keep a review date on every guide so you can judge freshness.
Frequently asked questions
What logo file format should I use?
What's the difference between vector and raster?
What resolution do I need for print?
Which logo type is best for a new brand?
Put this into practice. Explore names, palettes, type, and a mini style guide in the free browser toolkit.
Open the toolkitOne practical brand tip at a time
Occasional, no-fluff emails on naming, color, voice, and building an identity that sticks. Unsubscribe any time.