The Design of a Fashion Icon

125 Years of Vogue

The exquisite gallery that is the collection of past covers of Vogue shows a willed evolution from fashion in the studio to the fashion of everyday life.

Grid Examination

Behind every style is a pattern. For Vogue, the grid is flexible yet continuously fashionable.

Vogue utilizes a simple 2-column grid for most of their layouts. There are several rules that apply to every issue throughout the magazine's publication.

  • The VOGUE logomark is always in the same place for every issue. The kerning and size of type are identical for every issue.

  • The logomark will appear behind the covergirl's head if her eyes are placed higher than the baseline of the logomark.

  • No text may have a type size greater than the size of the type in the logomark.

  • The size of the text for the covergirl's name or the issue's subject is highest in hierarchy excluding the logomark. In some cases, numbers are emboldened or enlarged challenging the hierarchy of the logomark, but this is rare.

  • The logomark's color is always coordinated with the cover image. The logomark's color will typically contrast well with the image for legibility while still complimenting the overall palette.

  • In the two-column layout (left), there is typically a higher density of headers and more article topics are featured when compared to the central-column layout.

A second layout that VOGUE utilizes is the central column layout. There are several rules that apply to every issue throughout .

  • The central-column layout is typically used when a ultra-famous covergirl is being featured. When this is the case, only 2-5 article topics are featured on the magazine's cover and the issue subject or covergirl's name are placed in very large lettering in the central column.

  • The central-column layout is typically used when the the standalone image has a powerful impact on the reader.

Cover Experimentation

By using the existing grid for Vogue magazine, new covers can be quickly generated each month.

Adjusted Grids

The new covers for Vogue magazine adhere to the truly simple grid behind Vogue.

  • On Vogue covers, the image is the most important object and text wraps around the focus subject of the image. In order to represent this rule, the single left/right column wraps around the subject's body form.

  • The central column makes sure the persons name has the highest hierarchy under the logomark. This cover ensures the the subject of the image and the subject of the issue have the greatest authority in terms of type, and the layout retains the original left/right/central column grid.

3D Grid

Translating the 2-D cover grid to a 3-D object.

  • The column grids are translated to both the sleeve and the headset.

  • On the sleeve, the underlying grid is the central column layout where the cover subject is dipsplayed says "Wearable" where the cover subject or covergirl's name would appear. The text here gives no nod to the form of the covergirl in the same way the the magazine cover does.

  • On the wearable, the right column wraps around the form of the covergirl, similar to the production cover. Additionally, the text in the right column is lower on the hierarchy than the central column.

3D Modeling

3D Modeling allows for quick prototyping and experimentation on surfaces.

Virtual Reality Headset

The final product translates the underlying grid of Vogue magazine into a usable VR wearable