1. Web Layout Styles

2. 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

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

6. 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

7. 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

10. 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

11. 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

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

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

21. 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

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

25. 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

26. Lots of images with no alignment
Dominant focus
Blurbs around images

28. 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

29. Interesting headline typeface
Strong contrast
Oversized bold and simple graphic

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

33. Visual | Omnibus
Visual | Trendy | Clean
Hybrid layout

34. Visual | Info-heavy
Clean | Omnibus
Hybrid layout