‘Cut line‘ web design is a term I have coined for a current trend to focus a websites design around the cut line of the page. To better describe this I have put together a roundup of just some of the many great looking websites that focus on creating imaginative and captivating designs above the cut of the web page.
Round-up
Application of the style
As you have seen from the examples, this style of web design does not have to contain itself to applications and software programes, it can be applied to portfolios and businesses of all shapes and sizes. The key to pulling off a cutline design lies in the combination of typography and graphics. Most of the designs above have at least one strong visual above the cut, which is used to draw your eye to the content. This coupled with the cutline divisions of the background give a stronger impact to the focus of the page and make this space prime real estate for using call to action, or ‘doing buttons’. I hope this roundup has been helpful, please feel free to let me know your thoughts.
September 28th, 2009
Great article. The ‘cut’ (or ‘fold’) does tend to shift about, depending on the screen resolution. One of my laptops, a ‘netbook’, runs at 1024 x 600 or thereabouts, and loses even more screen real estate to various Firefox toolbars. Worth bearing in mind when designing for modern devices.
« Reply
October 13th, 2009
Nice showcase Philip – never came across the term ‘cut line’ before but know exactly what you mean. Some great examples
« Reply
October 16th, 2009
This is nice! It gives us new ideas for our next offshore web development and web design projects. Thanks!
« Reply