Imagine two pages with the same words. One has tiny grey text on a light grey page, with no space between the parts. The other has clear black text, space around each part and a bold heading.

Which one do you read? Which one do you leave?

The difference is not the words. It is the techniques of design. You will learn them and use them.

<div class="grid">
  <div>One</div><div>Two</div><div>Three</div>
  <div>Four</div><div>Five</div><div>Six</div>
</div>

Choose a clear typeface. Use at most two on a page. Set body text at 16 pixels or bigger. A pixel is one tiny dot on the screen.

Give lines room: line spacing of about 1.5 times the text size helps reading. For text of 16 pixels, that is 24 pixels from one line to the next. Add a little letter spacing to small capital letters.

For justification, left aligned text is the easiest to read. Text spread to both sides makes uneven gaps.

<h2>Match day</h2>
<p>The team meets at nine at the bus stop. Bring your kit, a water bottle and your student card. The bus leaves at ten. We play at twelve and we are back by four.</p>

Text must be easy to see on its background. A free contrast checker gives you a number, the contrast ratio. You do not work it out. You read it.

The rule: body text needs a ratio of 4.5 to 1 or more. Large text needs 3 to 1 or more. Do not use colour alone to give a message. Some people cannot tell red from green.