CSS: Design Out Of The Box. Are you tired of your typical columned and boxed layout? It is time to learn how to break out of the box and do something creative. In this post, I've collected some of the best examples that are designed out of the box. I've also provided some quick CSS tips with demo files on how to break out of the box by creatively using background images and the CSS position property. Example 1: Huge Inc What really captured my attention on the Huge site is the header design. Notice how the design elements are extended out of the box. Additional Screencaps: 2 , 3 Example 2: Jason Santa Maria With the amount of effort and details that Jason input on his site, no doubt it is one of the best designer sites around. Additional Screencaps: 2 , 3 Example 3: A Brief Message Similar to Jason Santa Maria's website, each post on ABriefMessage.com features a different image and CSS stylesheet.
Additional Screencaps: 2 , 3 Example 4: Trent Walton Additional Screencaps: 2 , 3 Example 5: Wonderbra Ultimate Strapless. Untitled. Digital Revolutions - Design Resources, Artwork, and More. Uncontacted Tribes. Presentation - Smart Traffic. This Morning | Food | Showbiz | Style & Beauty | Health | This Morning - ITV.com.