Making Text Readable with Typography and Hierarchy

Organise words so readers notice the main message first and can comfortably read the supporting information.

Part 3 of 10 | Graphic Design with Canva for Beginners

Learning goals

You will create a clear reading order, choose a restrained type system and adjust text without reducing everything to small print. You will test the design at a realistic viewing size and provide a plain-text version of essential information.

Before you begin

Allow 45 to 60 minutes. Open a copy of the previous practice design. Use fonts available in your account and avoid downloading unfamiliar font files for this exercise. The course does not require a specific commercial font. A paper version can use different handwriting sizes to demonstrate hierarchy.

Give the reader a starting point

Hierarchy is the order in which information attracts attention. The main message should usually be easier to notice than the supporting sentence or contact action. Size, weight, position and surrounding space all contribute. Making every word large or bold removes the distinction between what matters first and what can be read afterward.

For the fictional repairs design, let Bag repairs available lead. The business name identifies the source, while Bring your bag for an assessment explains the next step. Ask about your repair can be a clear action near the end of the reading path. Decide that order before choosing a decorative font.

Choose a small type system

Begin with one readable font family and use its available weights or sizes to separate headings and supporting text. If you add a second family, give it a clear role. Too many unrelated fonts can make the page feel like several competing messages. Consistency helps readers recognise which text items serve similar purposes.

Look at the actual characters in your content. Similar-looking letters and numbers can create problems in prices, dates and contact details. A font that looks attractive in a short title may be tiring in a long sentence. Choose for the words you need to communicate, not only for the sample word shown in the font menu.

Control line length and wrapping

Break a headline at a natural phrase boundary. Do not leave a short word alone on the final line if a small width adjustment can improve the balance. For supporting text, avoid both very narrow columns with constant wrapping and long lines that are hard to follow. Read the text aloud to find awkward breaks.

Increase the text box width or edit unnecessary words before reducing the size. Keep enough line spacing for the letters to remain distinct. Very tight lines can merge visually; excessive spacing can make one sentence look like unrelated fragments. Judge the result at the size at which the reader will actually encounter it.

Use alignment consistently

Left alignment usually gives a predictable starting edge for several lines of explanatory text. Centred text can work for a short invitation or brief headline, but a long centred paragraph is harder to scan. Choose alignment according to the text's role and use the same choice for similar objects.

Do not insert repeated spaces to force alignment. Use the text alignment control and the position of the text box. Spaces can behave differently when the text changes or the font is replaced. A clean structure survives small revisions more reliably than a layout held together by hidden spaces.

Make emphasis meaningful

Use bold or a contrasting size to highlight a useful fact, not every other word. Avoid setting long passages in capitals or decorative script when quick comprehension is the goal. Keep essential conditions readable rather than hiding them in tiny text under a large claim. A design should not make the offer easier to see than its important limitations.

For multilingual material, check the chosen font contains the required characters and ask a competent reader to review the wording. Do not assume automatic translation preserves the intended meaning or line breaks. Leave space for a translation that needs more words, and verify both versions rather than copying the original font size blindly.

Test outside the editor view

Zooming in can make almost any text appear readable. Inspect the whole page at a realistic phone size or print scale instead. Ask someone to look briefly and state the main message, then read the supporting line. If they identify the decorative label first or struggle to read the action, revise the hierarchy.

Prepare the essential message in plain text as well. Text embedded in an image may not be available to assistive technology or easy to enlarge independently. A caption or adjacent text can carry the business name, service and action when the graphic alone is insufficient. Later lessons cover export and accessibility checks.

Guided exercise

1. List the page's words in intended reading order. Mark the main message, supporting information and action.

2. Apply one font family with three deliberate text levels. Record the chosen sizes so you can repeat them consistently within this canvas.

3. Create a second version with a shorter headline line break. Compare the two at whole-page size rather than only zoomed in.

4. Ask a partner to identify the main message after a brief look. Record what they noticed first and make one justified revision.

5. Write a plain-text caption containing the essential content, including the fact that this is fictional practice material.

Knowledge check

1. Does making every text box bold create useful hierarchy?

2. What should you try before shrinking an overcrowded text box?

3. Why test at a realistic viewing size?

Answer guide

1. No. Emphasis works when it creates meaningful differences.

2. Shorten the wording, adjust line breaks or revise the box and layout.

3. Readability when heavily zoomed in does not establish readability in the intended output.

Completion standard

Produce a design with a clear main message, consistent supporting text and readable action. Explain one change made after testing, and supply the essential content as plain text.

Sources and verification notes

Canva graphic design basics. Checked 15 September 2026. Official learning overview; this independent GambiaUsed course does not award Canva certification.