Free original lessons
Graffiti Word Layout: Spacing, Flow, and Composition
Plan graffiti word drawings with clear spacing, smooth flow, and balanced layout using a grid, annotation examples, and a guided lettering panel.
Free lesson
Four exercises
Worked answers
Object Drawing Lessons
This lesson teaches how to compose a graffiti word so letters read clearly and move with energy. You will use a simple layout grid, define letter spacing by baseline-to-midline x-height, and annotate flow before drawing. The focus is word composition only: no character figures, mural scenes, or spray technique. All measurements are checkable with a ruler on your own paper; any numbers given are hypothetical examples, not standards. A convention is defined so spacing and flow can be judged consistently while allowing valid stylistic alternatives.
Practice materials: Printable downloads are not available for this lesson yet. Use the instructions and four exercises below.
Set up the layout grid and define x-height
Draw a rectangle for the word panel. Add a baseline near the bottom and a midline above it. The distance from baseline to midline is the x-height for lowercase-style letters; capitals may extend above the midline. Mark a left margin and a right margin so the word has breathing room. Divide the panel into equal vertical columns with light pencil lines; these are guides, not cages. Label the baseline, midline, and margins. Choose a hypothetical x-height, for example 30 mm, and write it on the page. Measure your actual paper and ruler; do not assume printer accuracy.
Spacing is measured between letter bodies at the baseline, not between decorative flourishes. Use the x-height as a unit: a tight gap might be one-quarter x-height, a normal gap one-half x-height, and an open gap three-quarters x-height. These are hypothetical examples. Mark spacing ticks on the baseline between planned letter positions before drawing outlines. Flow means the word reads left to right with a consistent slant and connected rhythm; you can annotate flow with arrows along the baseline and a single slant line crossing the panel.
- Draw the word panel and mark baseline, midline, left margin, and right margin.
- Measure and label a hypothetical x-height, such as 30 mm, using your ruler.
- Add light vertical columns and a slant line; label the slant angle you choose.
- Mark spacing ticks on the baseline for each letter gap using quarter, half, or three-quarter x-height examples.
Annotate spacing and flow before lettering
Create a small annotation strip above the word panel. On it, draw three short letter pairs with tight, normal, and open spacing, and label each with the gap as a fraction of x-height. Add a flow arrow that follows the baseline and curves slightly upward at the end if you want lift. Note whether letters share a common slant; a consistent slant supports flow, while deliberate changes can create emphasis. Keep annotations in pencil so they can be adjusted.
Letter styles vary: blocky, rounded, condensed, or extended. The convention here is that spacing is judged at the baseline between the main bodies of adjacent letters, and flow is judged by whether the baseline path and slant are consistent or intentionally varied with a clear reason. Valid alternatives include connected letters, overlapping letters, and mixed widths, provided the word remains readable and the spacing annotations explain the choice.
- Draw three letter pairs on the annotation strip and label tight, normal, and open gaps.
- Add a flow arrow along the baseline and a slant line; label any intentional slant change.
- Write a short note explaining how overlapping or connected letters still keep the word readable.
- Check that every spacing label uses the same unit, such as fractions of x-height.
Compose the word and check balance
Lightly pencil the letter bodies inside the columns, using the spacing ticks. Keep the baseline consistent unless you annotate a deliberate bounce. After penciling, measure each gap at the baseline and compare it with your planned fraction. Check that the word fits between the margins and that the visual weight is balanced: a heavy letter can be balanced by a slightly wider gap or a lighter neighbor. Flow is checked by tracing the baseline path with your finger and confirming the slant line matches most letters or that changes are annotated.
Use a simple arithmetic check: total planned width equals the sum of letter widths plus the sum of gaps. For example, if four letters are 20 mm wide each and three gaps are 15 mm each, total width is 80 mm plus 45 mm, or 125 mm. Confirm this fits inside the panel width minus margins. These numbers are hypothetical; measure your own letters and gaps.
- Pencil letter bodies using the spacing ticks and columns.
- Measure each baseline gap and record it as a fraction of x-height.
- Add letter widths and gap widths to check total width against the panel.
- Trace the flow path and confirm slant consistency or annotated variation.
Refine with a guided lettering panel
Use a blank lettering panel with pre-marked baseline, midline, margins, and spacing ticks. Compose a new word by placing letters at the ticks, then adjust only after measuring. Refine outlines, but keep the annotation strip visible so spacing and flow decisions remain clear. If a letter feels too tight, widen the gap by a quarter x-height and re-measure the total width. If flow feels broken, check the slant line and baseline path before changing letter shapes.
The rubric rewards readable spacing, consistent or explained flow, balanced layout, and clear annotations. It does not require one universal letter style. Valid alternatives include all-caps, mixed case, connected scripts, and overlapping forms, as long as the baseline spacing convention and flow notes make the composition checkable.
- Place letters on the guided panel using the spacing ticks.
- Measure and adjust gaps by a quarter x-height if needed.
- Re-check total width and margin fit after each adjustment.
- Finalize annotations and confirm the word reads clearly.
Worked example
Compose the four-letter word BOLD on a panel 180 mm wide with 20 mm left and right margins. Use hypothetical letter widths of 25 mm each and three gaps of 15 mm each. Check total width and margin fit.
Worked answer
Total letter width is 4 times 25 mm, or 100 mm. Total gap width is 3 times 15 mm, or 45 mm. Total word width is 145 mm. Available panel width is 180 mm minus 40 mm margins, or 140 mm. The word is 5 mm too wide, so reduce each gap by about 1.7 mm or reduce one letter width by 5 mm. After adjustment, re-add widths and gaps to confirm the total is 140 mm or less.
Four practice exercises
Exercise 1
A three-letter word has letter widths of 20 mm, 22 mm, and 18 mm. Two gaps are each 10 mm. What is the total word width, and does it fit a 100 mm panel with 10 mm margins on each side?
Show answer and check
Total letter width is 60 mm; total gap width is 20 mm; total word width is 80 mm. Available width is 100 mm minus 20 mm, or 80 mm. It fits exactly.
Why: Add the three letter widths, add the two gaps, then compare with panel width minus both margins.
Check: Re-add 20 plus 22 plus 18 equals 60, and 10 plus 10 equals 20; 60 plus 20 equals 80. Confirm 100 minus 10 minus 10 equals 80.
Exercise 2
You plan four letters with a hypothetical x-height of 24 mm. You want three normal gaps of half x-height. What is each gap in millimeters, and what is the total gap width?
Show answer and check
Each gap is 12 mm; total gap width is 36 mm.
Why: Half of 24 mm is 12 mm. Three gaps of 12 mm add to 36 mm.
Check: Multiply 24 by 0.5 to get 12, then multiply 12 by 3 to get 36. Confirm the units are millimeters.
Exercise 3
A word panel is 150 mm wide with 15 mm margins. Your letters total 90 mm and your gaps total 40 mm. Is the word too wide, too narrow, or exact? Show the arithmetic.
Show answer and check
Available width is 150 minus 30, or 120 mm. Word width is 90 plus 40, or 130 mm. The word is 10 mm too wide.
Why: Compare total word width with panel width minus margins.
Check: Recompute 150 minus 15 minus 15 equals 120; 90 plus 40 equals 130; 130 minus 120 equals 10 mm over.
Exercise 4
You want a flow note for a five-letter word. The slant line is consistent for four letters, but the last letter is upright. Describe a valid annotation and one spacing check you would record.
Show answer and check
Annotation example: 'Last letter upright for emphasis; first four letters share the slant line.' Spacing check example: record each baseline gap as a fraction of x-height, such as half x-height, and confirm the total width fits the margins.
Why: Flow can vary if the change is intentional and annotated. Spacing remains checkable at the baseline using the defined convention.
Check: Confirm the annotation names which letters change and why, and confirm every gap note uses one consistent unit.
Common mistakes
- Measuring spacing between decorative flourishes instead of letter bodies at the baseline. Mark spacing ticks on the baseline and measure between the main bodies of adjacent letters.
- Using inconsistent units for gaps, such as mixing millimeters and fractions of x-height. Convert all gap notes to fractions of the labeled x-height or to millimeters, then keep one unit throughout.
- Letting the word run outside the margins without checking total width. Add letter widths and gap widths, compare with panel width minus margins, and adjust gaps or letter widths.
- Changing slant randomly so flow is unclear. Use a single slant line for most letters or annotate each intentional slant change with a reason.
Self-check rubric
- Baseline, midline, margins, and x-height are labeled with consistent units.
- Spacing ticks are marked on the baseline and gaps are recorded as fractions of x-height or millimeters.
- Flow is shown with a baseline path and slant line, or intentional variation is annotated.
- Total width arithmetic is shown and matches the panel fit check.
- The word is readable and balanced, with valid stylistic alternatives accepted.
Questions and answers
What counts as x-height here?
X-height is the distance from the baseline to the midline for lowercase-style letters. Capitals may extend above the midline. Label your own x-height on the page.
Can letters overlap or connect?
Yes. Overlapping and connected letters are valid alternatives if the word stays readable and your annotations explain how baseline spacing and flow are maintained.
Are the numerical examples standards?
No. Numbers such as 30 mm x-height or 15 mm gaps are hypothetical examples. Measure your actual paper and equipment, and label your chosen values.
How is flow judged if letter styles vary?
Flow is judged by the baseline path and slant consistency, or by annotated intentional variation. A clear reason for changes supports the composition.