Finalise your webpage

Step 5: Design rules for impact

These Design Principles help you create a quality page that passes the final checks. use them to check, modify, and finalise your webpage. 

Your modifications must ensure the finished page meets the requirements of your original Conceptual Design.

Click the Preview button to complete these checks

LEGIBILITY: Can users easily see the text and images?

Contrast: Use high contrast colours. For example, dark text on a light background (or vice-versa). Never use low-contrast combinations like light gray text on a white background. 

Typography/Size: Choose simple, clean fonts and ensure the main body text is not too small (aim for at least 11pt size for comfortable reading).

READABILITY: Can users quickly scan and understand the information?

White Space: Make sure there is plenty of empty space (padding/margins) around your text, images, and buttons. Don't crowd your content! 

Alignment: Use Left Alignment for all main body paragraphs, as it's the easiest way for the eye to scan long blocks of text. Only use Center Alignment for titles and short headlines. 

Typography: Stick to one or two font families and limit font sizes (Title, Heading, Body text) to keep the page looking clean and professional.

ACCURACY: Is the content free of mistakes and consistent?

Spelling & Grammar: Use your spell-check tool! Check all names, dates, and times twice. The information must be correct. 

Media Relevance: The images or video must directly relate to the content and the interest you are promoting. (e.g., Don't use a picture of a random city if you're promoting a specific video game). 

CONSISTENCY: Does the page have an overall look and feel?

Visual Consistency: Ensure that your headings are all the same size/style, and that your main text font is consistent across the page.

Alignment: Make sure images line up perfectly with text and other objects