Sample Layout Designs

The invisible line that separates the visible, upper section of the page from the lower part that the user cannot see without scrolling down. Space that is above the fold is considered of higher intrinisic value than that which is below, since it's the first thing a visitor sees (e.g. This content is below the fold).

The space that provides padding and/or margins between content. Our templates were created with integrated white space so you don't have to add it manually, however you should still be mindful of mashing too much content into an area that is too small for it (i.e. Long blocks of text in a narrow column).

A type of hierarchical information architecure where parent content is considered the larger 'umbrella' over which child content is nested. This terminology can be applied to various relationships including pages, headings, and even visual elements.  Parent elements should be more general and encompasing than the child elements beneath it (e.g. This definition is placed within a terminology section).

The arrangement and presentation of design elements in order of importance. The order in which the human eye perceives this information is influenced by factors of size, contrast, location and groupings, to name a few. For instance, this content stands out more than the homepage samples on the right due to a solid background, dominant heading, and left-hand positioning.