HomeLettering Layout Grid: Plan Words with Baseline, X-Height, Cap-Height and Spacing Zones Free original lessons
Lettering Layout Grid: Plan Words with Baseline, X-Height, Cap-Height and Spacing Zones
Learn to plan lettering on a grid with cap-height, x-height, baseline, descender and spacing zones. Mark widths and gaps before drawing any letters.
Free lesson
Four exercises
Worked answers
Writing and Handwriting Paper Guides
A lettering layout grid turns a blank page into a measured plan. Before drawing a single letter, you decide where the baseline sits, how tall lowercase letters rise, how tall capitals stand, and how much space separates each letter and word. This lesson teaches a repeatable planning method using horizontal zones and vertical spacing columns. You will mark letter widths and gaps with simple arithmetic, then draw only after the plan is checked. The convention here is explicit: x-height runs from baseline to midline, cap-height runs from baseline to a higher cap line, and descenders drop below baseline. Letter styles vary, so the grid supports planning rather than enforcing one universal shape.
Practice materials: Printable downloads are not available for this lesson yet. Use the instructions and four exercises below.
Set the horizontal zones
Draw four horizontal lines across the page: a cap line at the top, a midline below it, a baseline below that, and a descender line at the bottom. The space from baseline to midline is the x-height zone. The space from baseline to cap line is the cap-height zone. The space from baseline down to the descender line is the descender zone. Label each zone at the left margin.
Choose zone heights that match your tool and paper. For example, a hypothetical x-height of 8 mm and a cap-height of 12 mm gives a 4 mm difference above the midline. These numbers are examples only; measure your actual equipment and paper, then label your chosen values on the grid margin.
- Mark the baseline first; it is the reference for every other zone.
- Measure upward to set the midline and cap line, and downward to set the descender line.
- Write the measured heights in the left margin so the plan is checkable later.
- Keep all four lines light so planning marks remain visible.
Divide the width into spacing columns
Turn the page sideways in your mind: the horizontal zones control height, and vertical columns control width and spacing. Draw light vertical lines to create letter-width columns and narrower spacing columns. A common plan uses one column per letter and a half-column gap between letters, with a full column gap between words.
Spacing zones are planning aids, not rigid rules. Wider letters may need two columns; narrow letters may need half a column. The goal is to mark a width and a gap for every letter before drawing, so the whole word fits the page without crowding.
- Count the letters in your word or phrase.
- Assign each letter a width in columns, using whole or half columns.
- Assign a gap between letters and a larger gap between words.
- Add the widths and gaps to confirm the total fits inside the page margins.
Mark widths and gaps before drawing
Use small tick marks on the baseline to show where each letter starts and ends. Above each tick, write the letter in pencil so the plan is readable without drawing the final form. In the spacing columns, write the gap size, such as half a column or one column.
Check the plan by reading the tick marks left to right. If a letter crosses into a spacing column, adjust the width assignment before drawing. This planning stage is where most layout problems are solved cheaply.
- Place a start tick and an end tick for each letter on the baseline.
- Label each letter above its ticks.
- Mark each gap in the spacing column between letters.
- Read the sequence aloud and adjust any crowded or empty areas.
Draw, compare and revise
Draw the letters lightly inside the planned zones. Capitals reach the cap line, lowercase bodies sit between baseline and midline, and descenders cross below the baseline. Compare the drawn letters to the tick marks and gap labels.
If a letter looks too wide or too narrow, revise the tick marks rather than squeezing the drawing. The grid is a planning tool, so the plan should change first and the drawing second.
- Draw each letter inside its marked width.
- Check that lowercase bodies touch baseline and midline.
- Check that descenders cross the baseline into the descender zone.
- Revise tick marks and gaps where the drawing does not match the plan.
Worked example
Plan the word 'mint' on a grid with 6 letter-width columns and 5 half-column gaps. Each letter uses one column. The page has 8 columns available inside the margins. Does the plan fit, and how many columns remain?
Worked answer
The four letters use 4 columns. The gaps between four letters are three gaps, each half a column, so 3 × 0.5 = 1.5 columns. Total used is 4 + 1.5 = 5.5 columns. The page has 8 columns, so 8 − 5.5 = 2.5 columns remain. The plan fits with 2.5 columns to spare.
Four practice exercises
Exercise 1
Plan the word 'cat' using one column per letter and half-column gaps. The page has 5 columns available. How many columns are used, and how many remain?
Show answer and check
Used: 3 letters × 1 column = 3 columns. Gaps: 2 gaps × 0.5 column = 1 column. Total used = 4 columns. Remaining = 5 − 4 = 1 column.
Why: Three letters need three width columns. Two gaps sit between the three letters, each half a column. Add widths and gaps, then subtract from the available columns.
Check: Recount the letters and gaps: c-a-t has two gaps. Confirm 3 + 1 = 4 and 5 − 4 = 1.
Exercise 2
A grid has an x-height of 8 mm and a cap-height of 12 mm, measured from the baseline. A lowercase letter body is planned from baseline to midline. How many millimetres above the midline does the cap line sit?
Show answer and check
The cap line sits 4 mm above the midline.
Why: Cap-height is 12 mm from baseline. X-height is 8 mm from baseline to midline. The difference is 12 − 8 = 4 mm.
Check: Add the difference back: 8 mm to midline plus 4 mm equals 12 mm cap-height.
Exercise 3
Plan the phrase 'go up' with one column per letter and half-column gaps between letters. Use a full one-column gap between the two words. How many columns are used in total?
Show answer and check
Letters: g, o, u, p = 4 columns. Letter gaps: g-o, o-u, u-p = 3 gaps × 0.5 = 1.5 columns. Word gap: 1 column. Total = 4 + 1.5 + 1 = 6.5 columns.
Why: Count four letters, three letter gaps and one word gap. Add the width columns and both gap types.
Check: List the sequence: g, gap, o, word gap, u, gap, p. Confirm three half-gaps and one full gap, then add 4 + 1.5 + 1.
Exercise 4
A word uses 5 letter columns and 4 half-column gaps. The page has 7 columns available. Does it fit, and by how many columns?
Show answer and check
Used = 5 + (4 × 0.5) = 5 + 2 = 7 columns. The page has 7 columns, so it fits exactly with 0 columns remaining.
Why: Four gaps between five letters each use half a column, giving 2 columns of gap space. Add the 5 letter columns to get 7 total.
Check: Subtract used from available: 7 − 7 = 0. Confirm the gap count is one fewer than the letter count.
Common mistakes
- Drawing letters before marking widths and gaps. Mark start and end ticks for every letter first, then draw inside those marks.
- Treating the midline as a fixed rule for every letter style. Use the midline as the planned x-height line, but allow style variation such as rounded or narrow forms while keeping the baseline and zone labels consistent.
- Using the same gap between letters and between words. Assign a smaller gap between letters and a larger gap between words, then add both to the total width.
- Ignoring descenders when measuring total height. Include the descender zone below the baseline in the page plan so letters like g, j, p, q and y have room.
Self-check rubric
- Baseline, midline, cap line and descender line are drawn and labeled.
- X-height zone is explicitly defined as baseline to midline.
- Cap-height zone is explicitly defined as baseline to cap line.
- Every letter has a marked start tick and end tick on the baseline.
- Letter widths and gaps are labeled in columns or half-columns.
- Total width arithmetic is shown and checked against available columns.
- Descender zone is included in the height plan.
- Valid style alternatives are accepted when zone labels and tick marks remain consistent.
Questions and answers
What exactly is x-height on this grid?
X-height is the distance from the baseline to the midline. Lowercase bodies such as a, c, e, m, n, o, r, s, u, v, w, x and z are planned to sit in that zone, though letter styles vary.
Do capitals always reach the cap line?
In this planning convention, capitals are planned to reach the cap line. Some styles use slightly different capital heights, so label your chosen cap-height value and keep it consistent across the word.
How do I decide letter widths?
Assign widths in whole or half columns based on the letter shape. Wide letters may take two columns, narrow letters half a column. The important step is marking the width before drawing.
Can I use different zone heights for different projects?
Yes. Measure your paper and tool, choose zone heights, and write them in the margin. The grid is a planning convention, not a fixed standard.