Website sections

A website page is generally made up from a series of different sections. The way these sections are arranged is usually designed to provide contrast. Therefore it is often better to remove two sections together if you need to lose a section.

See below for some examples.

Below is a very simplistic example of section removal for illustrative purposes. The first shows contrast. In the second there is no contrast – one section is redundant and has been removed causing a design imbalance. This is where we would advocate removing two sections together. See example three.

Section one
This is an image section with a heading and a description.
Click Here
Section two
This is a text section with a light background. There is a contrast with the section above, and the one below.
Click Here
Section three
This is a text section with a light background. There is a contrast with the section above, and the one below.
Click Here

Section four

Days
Hours
Minutes
Seconds
Section five
Another contrasting image section.
Click Here

Now, section two will be removed and the contrast between sections one and two has been lost.

Section one
This is an image section with a heading and a description.
Click Here
New section two
This is another image section, having removed the unwanted text section. There is now no contrast between the sections. This should be avoided.
Click Here

Section three

Days
Hours
Minutes
Seconds
Section four
This is an image section - the contrast is still intact
Click Here

This time two sections have been removed and the contrast between sections is intact.

Section one
This is an image section with a heading and a description.
Click Here

Section two

Days
Hours
Minutes
Seconds
Section three
This is an image section - the contrast is still intact
Click Here
Scroll to Top