Leading in Graphic Design: Definition and Role in Logo Typography
What leading means in graphic design, how it is measured, and why line spacing matters when building, editing and delivering stacked vector logos and lockups.
Contents
What leading means
Leading (pronounced "ledding") is the vertical distance between lines of text. It is usually measured from the baseline of one line to the baseline of the next. The baseline is the invisible line that most letters sit on. In Russian-language design writing, the same concept is called интерлиньяж, so a reader looking up that term is looking for leading.
The name comes from metal typesetting. Printers placed thin strips of lead between rows of type to push the lines apart. Digital software has no physical strips, but the word survived, and it now refers to the baseline-to-baseline value set in a type tool.
How leading is expressed in design software
Vector and layout applications usually give leading in points, often next to the type size (for example, 24 pt type on 30 pt leading, written as 24/30). Many programs also have an automatic setting calculated as a percentage of the type size. In Adobe applications that default is commonly 120%. The automatic value is only a starting point and is rarely tuned for a logo.
Web and CSS contexts use a related but different property called line-height. CSS divides the extra space above and below each line instead of measuring strictly from baseline to baseline. A number taken from a browser therefore may not produce the same result when typed into a vector editor's leading field.
Why leading matters in vector logo design
Leading only matters when a logo has more than one line of type. Common cases include a stacked wordmark, such as a company name split over two lines, a name with a tagline underneath, and a lockup that arranges a symbol beside multi-line text. In each case, leading decides whether the lines read as one unit or as separate pieces.
- Cohesion: tighter leading makes stacked words feel like one mark, which is often why logos use much tighter spacing than body text.
- Collisions: tight leading can make descenders on the upper line (the tails of g, y, p) touch ascenders or capitals on the line below. Designers fix this by adjusting the leading, redrawing or shifting individual letterforms, or choosing different line breaks.
- Optical balance: the measured value and the space the eye perceives can differ. All-caps lines, for example, have no descenders, so they can look farther apart than mixed-case lines at the same leading. Logo spacing is usually judged by eye rather than by a fixed number.
- Hierarchy: the gap between a name and its tagline helps show which element is primary. The gap should be deliberate and should stay the same across every version of the logo.
No universal correct leading value exists for logos. The right spacing depends on the typeface, the letter combinations, the case, and how the mark will be used. The supplied material gives no recommended ratios, so none are offered here.
Live text, outlined paths and raster exports
Leading behaves differently depending on what form the logo is in. Mixing these forms up is a common source of confusion when artwork is edited or handed off.
- Live text: while text is still editable, leading is a type attribute you can change in the type panel. The result also depends on the font being installed.
- Outlined vector paths: when text is converted to outlines, each letter becomes vector geometry. The type attribute disappears, and the spacing between lines becomes the fixed position of shapes. Changing it then means moving paths by hand, not entering a new leading value.
- Raster content: in a PNG, JPEG or other pixel-based export, the line spacing is baked into the pixels and cannot be adjusted at all without going back to the source file.
- File containers: formats such as AI, EPS, PDF and SVG are containers. Any of them can hold live text or outlined paths, and some can also hold embedded raster images. The file extension alone does not tell you whether the leading is still editable.
Final logo artwork is commonly delivered with the text outlined. That way the approved spacing, leading included, appears the same on systems that lack the font. Keeping a separate editable master with live text makes later changes to the leading easier.
Related spacing terms
- Kerning: adjusting the space between two specific letters.
- Tracking: adjusting the spacing evenly across a whole word or line.
- Baseline: the line that letters rest on, and the reference point for measuring leading.
- Ascenders and descenders: the parts of letters that rise above the main body or drop below the baseline. These are the parts most likely to collide when leading is tight.
Kerning and tracking control horizontal space within a line. Leading controls vertical space between lines. All three are adjusted together when refining a multi-line logo.