Web Layout Styles

Clean layout Minimalist, Most basic layout Neat, organized, and predictable Strong, clean lines no superfluous elements Typefaces are not unusual or weird Not crowded; lots of white space Gives an impression of trust and dependability Be careful not to make it too generic Clean layout

Typeface is not weird or unusual Strong clean lines Typeface is not weird or unusual No superfluous elements

Often used for high tech products or services or to allude to cutting edge and progressive organizations Angles are used to outline specific images Angular layout

Angles cut around a focal image Angle remains the same whatever the direction Same angle emphasized all over design Cutting edge typeface Angle repeated even in images High tech décor with lots of tiny, unreadable text

Used for softening the look of a site and creating refreshing imagery Implies an alternative, free-flowing person or organization Breaks out of the rigid rectangle boundaries of web design by providing waves of movement Curved or soft layout

Central image is cut out off curves The baseline of some texts are curved Serif typefaces make it look classy Even supporting images are made soft by providing curves

Trendy layout Also known as modern layout Fashionable, hip Aim is to get attention Trendy layout

Typographic layout Everything is text All images are text images Uses typographic elements to become a piece of art itself Typographic layout

Information heavy layout Layout used by websites that contain a lot of information Used for presenting a lot of detailed information Creates a formal, professional, impression A simple, organized design makes it easy to scan for information Information heavy layout

Strong alignment of text Lines and boxes keep information together White space to organize areas Typeface is conservative Small packets of information

Omnibus layout Also known as circus layout Contains a dazzling array of visuals using a variety of photographic and illustrative styles Accomplished through use of a variety of: Used to set it apart from others and make it entertaining Typefaces and font sizes Illustrations Slanted copy Deals with many items or objects at once Graphics Omnibus layout

Lots of images with no alignment Dominant focus Blurbs around images

Grabs a visitor’s attention with a bold image, stunning photo, or a captivating illustration style While meant to be shocking, it can also be low key Oversized, bold, yet simple graphics Uses interesting, headline typeface Strong contrast Visual impact

Interesting headline typeface Strong contrast Oversized bold and simple graphic

A combination of two or more styles (that blend well) where one style is dominant Hybrid layout

Visual | Omnibus Visual | Trendy | Clean Hybrid layout

Visual | Info-heavy Clean | Omnibus Hybrid layout