# 07B Reading the Visual Details

Visual details communicate relationships, so a small difference in spacing or emphasis can change how someone understands a page.
When a heading is closer to the previous section than to its own text, the grouping becomes difficult to recognize.
A consistent gap between related items makes the content easier to scan, especially when the page contains several different learning activities.
The same principle applies to typography, where size, weight, and contrast should help distinguish the title from supporting information.
A darker background does not automatically create better contrast, because the actual text color and font weight still affect readability.
On mobile, the width of the content changes, and a comfortable desktop arrangement may become narrow or unnecessarily difficult to navigate.
I check whether a long label wraps naturally and whether the main button remains easy to reach without covering important text.
Images and animations should support the purpose of the page, rather than make ordinary information harder to see or understand.
A cinematic image or a photorealistic illustration may be appropriate in one place and distracting in another, depending on the task.
The final judgment should come from the actual content and user activity, not just from an attractive screenshot of an empty page.