Visual Style & Reviewing Fitness for Purpose

B1 — Developing a visual style, then reviewing it

Wireframes (Lesson 9) settle where things go. This lesson settles what it looks like — then checks whether that look actually suits the brief.

Colour palette

Pick 2–4 colours that work together and suit the brand's tone (e.g. calm greens/blues for wellness, bright energetic colours for entertainment) — tools like Coolors.co generate coordinated palettes quickly. One primary colour, one accent for calls-to-action, and one or two neutrals is usually enough.

Branding

Consistent use of a logo, colour palette and tone across every page is what makes a site feel like one coherent brand rather than a set of disconnected pages.

Typography

Choose a small number of web fonts (Google Fonts is a common free source) — typically one for headings, one for body text — and use them consistently. Too many different fonts on one site reads as unplanned rather than deliberately designed.

Reviewing fitness for purpose

Once a visual style exists, review it — on your own wireframes from Lesson 9, or a partner's — against:

• Quality: is it clear and sufficiently detailed, or rough and unfinished?
• User experience: is it easy to understand and navigate at a glance?
• Client requirements: does it actually meet what the brief (Lesson 5) asked for?

Task

Develop a visual style (colour palette, typography choices, and how your logo/branding will be used) for your own site, then swap with a partner and review each other's wireframes and visual style against the three criteria above — record what you'd improve. This is evidence for B.P3/B.M3/B.D2.