Focal Point
The first element the eye is drawn to in a composition. Established through size, contrast, color, or isolation, a focal point anchors the entire visual hierarchy.
Every effective layout has a clear focal point. Without one, the eye wanders and nothing registers. The focal point is not always the biggest element. It is the element with the highest contrast to its surroundings. A small red button on a neutral page commands more attention than a large grey header. Establishing focal point first, then building the supporting hierarchy around it, is the most reliable way to design layouts that communicate in order.
Learn more in our full guide: Read the article
Related Terms
Visual Hierarchy
The arrangement of design elements so the eye processes them in a deliberate order, controlled by size, contrast, color, spacing, and position.
Contrast Ratio
The measured difference in luminance between two colors, used to ensure text and interactive elements are readable for all users.
F-Pattern
A common eye-tracking pattern where users scan content-heavy pages in an F-shape: across the top, down the left side, then across shorter horizontal scans.