Slider Post Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus velit tortor, at volutpat neque fermentum eget. Aliquam enim velit, elementum et metus eu, fermentum faucibus urna. Donec ullamcorper sollicitudin fringilla. Morbi sit amet elit quis libero euismod malesuada. Suspendisse eu euismod mauris, sit amet dictum erat. In accumsan lobortis leo vel posuere. Sed eget mi euismod, porttitor risus fermentum, aliquet lectus.

Image Post Example

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adipiscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus.

Video Post Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rhoncus velit tortor, at volutpat neque fermentum eget. Aliquam enim velit, elementum et metus eu, fermentum faucibus urna. Donec ullamcorper sollicitudin fringilla. Morbi sit amet elit quis libero euismod malesuada. Suspendisse eu euismod mauris, sit amet dictum erat. In accumsan lobortis leo vel posuere. Sed eget mi euismod, porttitor risus fermentum, aliquet lectus.

Beyoncé's Seamless Fluid Image Masonry

It was designed by NYC design agency designedmemory.

Aside from the glorious aura that is Beyoncé, this site actually has an awesome technique. If you resize the browser window, you’ll see that the images are always in 3 columns and there are no gaps between the images. This is actually pretty hard to do. Browsers will properly size the items with width: 33.3333% to cover 3 columns. But when size is measured with JavaScript, the fractional pixel values will be rounded off, causing items to jump to the next column and break the layout. In the past (see Isotope issue #222), I’ve tried to resolve the issue with overly-intrusive JS.

designedmemory came up with a much better solution. Instead of trying to get exactly 3 columns in the layout, the columns are sized just a fraction to be less than the ideal. Then the images are sized to be just a little bit bigger to cover the gap. Brilliant!

Source: Metafizzy

Thomas Persson Art Directs Hermès Men Brochure

Identity & Editorial Design for a quarterly design journal based in Monterrey & Mexico City.

New York Chill (Embed Video)

Sure it was the coldest winter on record and our flights got grounded (and some kid’s tongue got stuck to a pole) but that didn’t stop us from hitting the icy streets of New York to shoot the AW11 collection for Portmans. Working with world-renowned photographer Matt Jones and Girl On Top Abbey Lee, the New York Chill campaign included print advertising, fashion film, and in-store imagery.

Source: janetheagency.com.au

Surface View

Providing customers with unique access to exciting imagery, Surface View creates high quality bespoke murals to suit any environment. Working with independent design strategist Lucy Woodward, we identified the need to position Surface View as an aspirational, design-led brand, developing a sophisticated language and an elegant, contemporary identity to reflect their positioning.

Collaborators: Mime Artist and Lucy Woodward.

Source: NB Studio

D&AD Annual Show 2001

Our starting point for the identity was the copy “Mirror, mirror on the wall, where’s the best creative work of all?” which summed up the D&AD show. Mirrorboard, foiling and copy written in reverse made this an interesting set of marketing materials. The perspex display case proved to be a stylish solution to the annual problem of work disappearing. The cool silver and minimalist design of the exhibition echoed the sophistication of the work on show.

[nbstudio.co.uk]

Dan Martensen Shoots H&M FAA 2012 Campaign & Short Film

Dan Martensen shot H&M Fashion Against Aids 2012 campaign and directed the accompanying short film. FAA is a yearly collection created by H&M to rise funds and create awareness about HIV and AIDS among the young.