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.

  1. Mark the baseline first; it is the reference for every other zone.
  2. Measure upward to set the midline and cap line, and downward to set the descender line.
  3. Write the measured heights in the left margin so the plan is checkable later.
  4. 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.

  1. Count the letters in your word or phrase.
  2. Assign each letter a width in columns, using whole or half columns.
  3. Assign a gap between letters and a larger gap between words.
  4. 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.

  1. Place a start tick and an end tick for each letter on the baseline.
  2. Label each letter above its ticks.
  3. Mark each gap in the spacing column between letters.
  4. 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.

  1. Draw each letter inside its marked width.
  2. Check that lowercase bodies touch baseline and midline.
  3. Check that descenders cross the baseline into the descender zone.
  4. 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

Self-check rubric

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.

Worksheet preview

Full printable sheet preview

Fit-to-screen preview. Download the PDF to print at actual size.