The concept of a focal point seems to be a fundamental one in web design, yet doesn't a focal point mean a page cannot be balanced?

Surely by definition a focal point means that the page's 'weight' is shifted towards this focal point?

  • 2
    Think of a teeter-totter. You can have different weight on each side yet make it balance. (In otherwords, it's a metaphor more than anything)
    – DA01
    Aug 28, 2012 at 18:01
  • 1
    @DA01: I had to Google that. You mean a see-saw!
    – e100
    Aug 29, 2012 at 10:45

1 Answer 1


As DA01 mentions, having a focal point doesn't necessarily mean the page will be unbalanced. It's good to have at least one focal point in the sense of accentuating the main message(s), for example a call to action.

Now, elements can be distributed differently across a design and still be balanced (if you are using a grid, then you start with a certain balance right away). Distribution doesn't always have to be symmetrical. For example, you might have a large element placed very close to the centerline of the design, but you can balance it by adding a small element farther away from the centerline:

enter image description here

A lighter element can balance a heavier one by being further away from the center of gravity. You can also use color and texture to modify the impression of "weight" for certain elements.

Some examples of nice asymmetrical balance:

enter image description here

enter image description here

enter image description here

When using symmetry, the result is order and cohesion, whereas asymmetry lends itself of interest, character, and uniqueness. It also can be used to showcase points of interest in the page. So in short: Yes, a design can be balanced and yet have a focal point.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.