Logo Typography: Check Letter Spacing and Small-Size Readability
Review a wordmark using its real brand name, letter spacing, symbol balance and small-size tests before preparing final exports.
Contents
A wordmark can look balanced across a large screen and still be difficult to read in a mobile header. Choosing a typeface is only one part of the work. Letter spacing, word length, stroke weight and the relationship between the lettering and symbol all affect the final result.
Use this checklist to review a proposed wordmark or explore a rough direction. The Shape & Text Editor can help you arrange simple text and shapes, but it is not a replacement for a full type-design or production vector workflow.
Begin with the actual brand name
Test the complete name, including its real capitalization and punctuation. A typeface specimen might emphasize attractive letter combinations that never appear in your wordmark. Your name may contain a repeated narrow letter, a round letter beside a diagonal, or several shapes that become hard to distinguish when reduced.
Write down the intended impression in ordinary terms: restrained, playful, compact or open, for example. Then compare a small number of directions against the same brief. These are design intentions, not fixed meanings that every viewer will assign to a font.
Separate overall spacing from individual gaps
Tracking changes spacing across a run of text; kerning concerns the spacing between particular letter pairs. Increasing the overall spacing can give a crowded word more air, but it may also exaggerate gaps that were already large. Review the whole word before adjusting individual pairs in an editor that supports that control.
Judge the apparent spaces, not just their numeric values. A curved edge and a vertical edge do not enclose the same visual space. Try comparing a few versions side by side, using equal type size and identical backgrounds. Avoid deciding from one highly zoomed view.
Inspect the smallest planned display
Place the wordmark at the width it will occupy in a real layout. Check whether the letters remain distinct, enclosed spaces stay open and fine strokes survive. If the name is no longer readable, forcing more detail into the same small area is unlikely to help.
Consider whether the system needs a compact lockup or a symbol-only version for very small spaces. Keep the full name available where identification matters. The Resize & Convert tool can produce test images, and the Favicon Generator helps you inspect how a simplified mark behaves as an icon.
Balance the wordmark and symbol together
A symbol and a wordmark can share a mathematical center without looking aligned. Compare their apparent visual weight, the gap between them and the space around the full lockup. Use alignment controls to establish a starting point, then review the result at normal viewing size.
Try the combined mark in Mockup Preview. A scene helps reveal whether the lettering feels too small next to the symbol or whether the lockup needs more surrounding room. Compare versions using the same placement and scale.
Keep color from hiding a lettering problem
Review a simple single-color version as well as the intended palette. If a word only feels separated because every letter has a different color, inspect its spacing and shapes again. Also check the text and background combinations used around the mark with the Contrast Checker.
Read how to assign palette roles and test text contrast for the distinction between logo artwork and ordinary interface text.
Prepare a dependable handoff
Check the license for the specific font and intended use before distributing files or embedding it on a website. Record the font name and source in the project handoff. Do not assume that converting lettering to outlines changes the rights granted by its license.
Open the exported file in its intended destination and compare the lettering with the working version. Text-based SVG can depend on font availability; an export containing editable text is not automatically a self-contained outlined wordmark. Preserve the editable master and review the logo file format guide before sending final assets.