Why Kerning Can Make or Break Your Logo
You have spent hours choosing the perfect typeface for a logo. The colors are right, the concept is strong, and the overall layout looks great. But something still feels off. The letters look awkward, cramped in some places and too loose in others. The problem? Bad kerning.
Kerning is the adjustment of horizontal spacing between two individual letters. It is one of the most overlooked details in logo design, yet it is one of the most important. Poor kerning makes a logo look amateurish. Proper kerning makes it look polished, balanced, and unmistakably professional.
In this guide, we will walk you through exactly how to kern a logo step by step. You will learn how to spot common kerning problems, fix them in popular design software, and develop an eye for letter spacing that separates amateur work from expert-level design.
What Is Kerning, Exactly?
Before we dive into the practical steps, let us make sure the definition is crystal clear.
Kerning is the process of adjusting the space between two specific letters in a word. It is not the same as tracking (which adjusts spacing uniformly across an entire word or block of text) or leading (which controls vertical line spacing).
Every letter has a unique shape. Some letters, like “A” and “V,” naturally create awkward gaps when placed next to each other. Others, like “H” and “I,” tend to sit more evenly. Kerning addresses those uneven gaps on a pair-by-pair basis.
Kerning vs. Tracking vs. Letter Spacing: A Quick Comparison
| Term | What It Adjusts | When to Use It |
|---|---|---|
| Kerning | Space between two specific letters | Logo design, headlines, display type |
| Tracking | Uniform spacing across a whole word or line | Body text, stylistic all-caps treatments |
| Letter Spacing (CSS) | Similar to tracking, applied in web/code | Web design, CSS styling |
For logo work, manual kerning is essential. Auto-kerning settings in design software get you part of the way there, but they almost never produce perfect results for display-size typography like logos.
How to Spot Bad Kerning in a Logo
The first step in learning how to kern a logo is training your eye to recognize problems. Here are the most common signs of poor kerning:
- Uneven “rivers” of space: Some letter pairs have wide gaps while others are tightly packed.
- Letters that appear to touch or collide: Certain combinations look like they are merging into one shape.
- Words that read as two separate words: A large gap in the middle of a word can split it visually.
- An overall “wobbly” feeling: The word does not look balanced even though you cannot immediately pinpoint why.
Problematic Letter Combinations to Watch For
Some letter pairings are notorious for causing kerning headaches. Keep a close eye on these combinations:
- AV, AW, AT, AY – The diagonal and horizontal shapes create large triangular gaps.
- RA, PA, FA – The arm or crossbar of the first letter creates space above the “A.”
- To, Tr, Ta – The overhang of the “T” leaves excessive room next to lowercase letters.
- LT, LY, LA – The open right side of “L” creates visible holes.
- WA, VA, Yo – Diagonal strokes paired with round or angled letters.
- ry, ly, ty – Lowercase combinations that often need tightening.
If your logo contains any of these pairs, you will almost certainly need to adjust the kerning manually.
How to Kern a Logo: Step-by-Step Process
Now let us get into the practical workflow. This process works regardless of which design tool you use, whether that is Adobe Illustrator, Figma, Affinity Designer, or another application.
Step 1: Type Out Your Logo Text and Choose Your Font
Start by setting your logo text in the typeface you have selected. Use a large point size so that spacing issues are easier to see. Working at 150pt or larger on screen is a good starting point.
At this stage, leave the kerning on the default “Auto” or “Metrics” setting. This gives you the font designer’s built-in kerning as your baseline.
Step 2: Switch to Optical Kerning (Optional Starting Point)
Most professional design tools offer an “Optical” kerning mode that calculates spacing based on the actual shapes of the letters rather than the font’s built-in kerning table.
Try both Metrics and Optical settings and see which one gives you a better starting point. For many display fonts, Optical kerning produces a more even result. But neither setting will be perfect for logo work, so manual adjustment is always the next step.
Step 3: Kern in Groups of Three Letters
This is one of the most effective techniques professional typographers use. Instead of trying to evaluate an entire word at once, break it down into groups of three consecutive letters.
Here is how it works:
- Look at the first three letters of your logo text. Focus only on those three.
- Adjust the spacing between the first and second letter until the gap looks visually equal to the gap between the second and third letter.
- Move forward by one letter. Now look at letters 2, 3, and 4. Repeat the process.
- Continue until you reach the end of the word.
- Go back to the beginning and repeat the entire process one or two more times.
The goal is not to make every gap exactly the same number of pixels. The goal is to make every gap feel visually equal. Because letters have different shapes (round, straight, diagonal, open), the actual measured distances will vary. What matters is the perceived balance of space.
Step 4: Use the Squint Test
Once you have completed your initial kerning pass, squint your eyes or step back from your screen. When the letters blur slightly, uneven spacing becomes much more obvious. You will see dark clumps where letters are too tight and bright holes where they are too loose.
This simple technique is used by professional designers every day. It works because squinting removes your ability to read the actual letters, forcing your brain to evaluate the rhythm of the shapes and spaces instead.
Step 5: Flip the Logo Upside Down
This trick is just as powerful as squinting. Rotate your logo 180 degrees so the text is upside down. When you can no longer read the word, your brain stops processing meaning and starts evaluating pure form.
Look at the spacing again. Gaps that seemed acceptable right-side-up often become glaringly obvious when the text is inverted.
Step 6: Print It Out and Check at Multiple Sizes
Kerning that looks perfect on screen at 200% zoom might look different when printed on a business card or displayed at favicon size. Always test your kerned logo at multiple sizes:
- Large format (poster, banner)
- Medium format (letterhead, website header)
- Small format (business card, social media icon)
- Very small format (favicon, app icon)
Print a test sheet with the logo at various sizes. Physical print often reveals spacing issues that screens hide.
Step 7: Get a Second Opinion
After staring at your logo for hours, you lose objectivity. Show it to a colleague or friend. Better yet, show them two versions side by side: one with default kerning and one with your manual adjustments. Ask which one looks more professional. Fresh eyes catch problems that yours have become blind to.
How to Kern a Logo in Popular Design Software
Let us look at the specific tools and shortcuts you will use in the most common design applications.
How to Kern in Adobe Illustrator
- Select the Type Tool (T).
- Click between the two letters you want to adjust.
- Hold Option (Mac) or Alt (Windows) and press the left or right arrow keys to decrease or increase spacing.
- For finer adjustments, hold Option/Alt + Command/Ctrl while pressing the arrow keys (this moves in smaller increments).
- You can also set exact numeric values in the Character Panel under the kerning field (the “AV” icon with an arrow).
How to Kern in Figma
- Double-click your text layer to enter editing mode.
- Place your cursor between the two letters you want to adjust.
- Hold Option (Mac) or Alt (Windows) and press the left or right arrow keys.
- You can also adjust the Letter Spacing value in the right panel for uniform tracking changes, but for true kerning, use the cursor method.
How to Kern in Affinity Designer
- Select the Artistic Text Tool.
- Click between the two letters.
- Hold Option (Mac) or Alt (Windows) and use the arrow keys to adjust spacing.
- Open the Character Panel for precise numeric kerning control.
How to Kern in Canva
Canva does not offer true per-character kerning controls. You can adjust overall letter spacing for a text block, but you cannot kern individual letter pairs. For serious logo work, we strongly recommend using a professional tool like Illustrator, Figma, or Affinity Designer where manual pair-by-pair kerning is possible.
Quick Reference: Kerning Shortcuts
| Software | Shortcut (Mac) | Shortcut (Windows) |
|---|---|---|
| Adobe Illustrator | Option + Arrow Keys | Alt + Arrow Keys |
| Figma | Option + Arrow Keys | Alt + Arrow Keys |
| Affinity Designer | Option + Arrow Keys | Alt + Arrow Keys |
| Adobe InDesign | Option + Arrow Keys | Alt + Arrow Keys |
Before and After: What Good Kerning Actually Looks Like
Let us walk through a few common scenarios to show the difference proper kerning makes.
Example 1: The Word “WATER”
Before (default kerning): The “W” and “A” have a visible triangular gap. The “T” and “E” look slightly too close. The word feels lopsided, heavier on the right side.
After (manual kerning): The “W” and “A” are tightened so their diagonal strokes relate naturally. The “T” and “E” are given a tiny bit more room. Now the entire word feels evenly weighted from left to right.
Example 2: The Word “PLAY”
Before: The “P” and “L” look fine, but the “L” and “A” create a wide gap because both letters are open on one side. The “A” and “Y” also gap noticeably.
After: Tightening the “LA” and “AY” pairs brings the word together. The spaces between all four letters now appear balanced.
Example 3: The Word “Tokyo”
Before: The uppercase “T” creates enormous space above the lowercase “o.” The “ky” pair looks slightly tight by comparison.
After: The “To” gap is reduced significantly. The “ok” and “ky” pairs are given minor adjustments. The word reads as a cohesive unit rather than “T okyo.”
These transformations are often subtle in measurement but massive in impact. A few units of kerning adjustment can be the difference between a logo that looks homemade and one that looks like it was crafted by a seasoned professional.
Advanced Kerning Tips for Logo Designers
Once you have the basics down, these additional techniques will help refine your kerning skills further.
1. Think About the Space, Not the Letters
A helpful mental shift: instead of looking at the letters themselves, focus on the shapes of the spaces between them. Imagine filling each gap with water. Each gap should hold roughly the same amount. Round letters create curved spaces. Straight letters create rectangular spaces. Diagonal letters create triangular spaces. Your job is to make all those differently shaped spaces feel like they contain equal volume.
2. Be Extra Careful with All-Caps Logos
All-uppercase logos are more prone to kerning issues because capital letters have more geometric variation in their shapes. Wide letters (M, W) next to narrow letters (I, L) need careful attention. Take extra time on all-caps designs.
3. Consider the Background
Kerning that looks great on a white background might look different on a dark background. Light text on dark surfaces can appear slightly more spaced out due to a phenomenon called “halation” (light bleeding). Test your kerning on both light and dark backgrounds.
4. Kern Before You Outline
If you plan to convert your logo text to outlines (which you should for final delivery), always finalize your kerning while the text is still editable. Once you outline the text, you lose access to kerning controls and have to move individual letter shapes manually.
5. Use a Kerning Practice Tool
If you want to sharpen your eye, try online kerning games and practice tools. Kerntype (a popular browser-based game) lets you practice kerning and compares your results to a professional typographer’s solution. Regular practice builds the instinct that makes kerning faster and more intuitive.
Common Kerning Mistakes to Avoid
Even experienced designers sometimes fall into these traps:
- Relying entirely on auto-kerning: Auto and optical kerning are starting points, not finished solutions. Always manually refine.
- Over-kerning (too tight): Pushing letters too close together is just as bad as having them too far apart. Letters should not touch or overlap unless it is an intentional stylistic choice.
- Adjusting tracking when you need kerning: Tracking changes all letter spacing uniformly. If only one pair looks wrong, fix that pair with kerning, not tracking.
- Only checking at one size: Kerning that works at 72pt may not work at 12pt. Always test at the sizes the logo will actually be used.
- Ignoring the context: A logo often sits next to an icon, tagline, or within a layout. Check the kerning in context, not just in isolation.
When to Convert Text to Outlines for Fine-Tuned Control
Sometimes, the kerning adjustments you need go beyond what the Character Panel can offer. In these cases, you can convert the text to outlines (Object > Expand in Illustrator, or Flatten in Figma) and then manually reposition individual letter shapes.
This approach gives you pixel-perfect control, but it comes with a trade-off: you lose the ability to edit the text or change the font. Only convert to outlines after you are confident in your typeface choice, letter case, and spelling.
Frequently Asked Questions About Logo Kerning
What are the basic kerning rules?
The fundamental rule is to create visually equal spacing between all letter pairs in a word. This does not mean the measured distance is identical everywhere. It means the perceived amount of space looks consistent. Focus on the shapes of the gaps, kern in groups of three, and always manually refine after applying auto-kerning.
How do you manually kern?
Place your cursor between two letters in your design software, then hold Option (Mac) or Alt (Windows) and press the left or right arrow keys. Left tightens the spacing, right loosens it. Work through the entire word pair by pair, then review the overall balance.
What is the difference between kerning and tracking?
Kerning adjusts the space between two specific letters. Tracking adjusts the spacing uniformly across an entire word, line, or text block. For logo design, you typically need kerning for precise pair-level control. Tracking is more useful for body text or stylistic treatments like widely spaced all-caps subtitles.
What is logo kerning?
Logo kerning is the process of manually adjusting the spacing between individual letters in a logo’s wordmark to achieve a balanced, professional appearance. Because logos are displayed at large sizes and are the visual centerpiece of a brand, even small kerning errors are highly visible and worth correcting.
Can you kern in Canva?
Canva allows you to adjust overall letter spacing for a text element, but it does not currently support true per-character kerning. If your logo requires precise letter-pair adjustments, you will need a more advanced design tool such as Adobe Illustrator, Figma, or Affinity Designer.
How long does it take to kern a logo properly?
For a short wordmark (one or two words), manual kerning typically takes 10 to 30 minutes once you know what you are doing. For beginners, it may take longer as you train your eye. The time investment is well worth it, as proper kerning is one of the clearest indicators of professional design quality.
Final Thoughts
Learning how to kern a logo is one of the most valuable skills you can develop as a designer. It is a small detail that makes an enormous difference. The space between letters carries just as much visual weight as the letters themselves, and getting that space right is what elevates a good logo into a great one.
Next time you design a logo, slow down during the kerning phase. Use the three-letter grouping method. Squint. Flip it upside down. Print it out. Get feedback. These simple steps will transform your typography and set your work apart from the crowd.
At GeminiWeb, we obsess over these details in every logo and brand identity project we deliver. If you need a professionally designed logo with flawless typography, get in touch with our team.
