Grid and Typography

 DM Workroom website is designed around a multi-column Swiss grid system. Grid text and picture columns are 300 to 480 pixels wide with 20 pixels wide gutters and a baseline grid spaced using multiples of 5 pixels. The copy is set using FF Scala Web Pro regular, italic and bold faces at 14, 16, 18 and 20 pixels font sizes.  FF Scala is an old style, humanist, serif typeface designed by Dutch typeface designer Martin Majoor in 1990. This graceful serif humanist typeface may have a recent design history, but its roots go all the way back to the late 1700s. It was designed for the Vredenberg Music Centre, a concert hall in the designer’s native Netherlands. The name Scala refers to the famous Teatro alla Scala, a beautiful and very famous theatre in Naples Italy that was first designed and built in 1776.

Inspiration

 We have been inspired by the beautiful and well structured website Thinking for a Living based on a so called Swiss grid system.  A Swiss grid system is a rigid framework that helps graphic designers in the meaningful, logical and consistent organisation of information on a page. The main idea behind grid-based designs is to create a functional solid visual and structural balance of layout. Something so simple that it is sophisticated. In fact, users can easier follow the consistency of the page, while developers can update the layout in a well thought-out, consistent way.  One of the essential book any designer should possess is Grid Systems in Graphic Design by Joseph Müller-Brockman. From a professional for professionals, here is the definitive word on using grid systems in graphic design.

Technology

 DM Workroom website was programmed by Vincent Louvet, an experienced web developer working with such high profile brands as Getty Images, Mercedes-Benz, Orange, EasyJet or Bacardi to name just a few.  If you have questions or business enquiries, contact Vincent at vincent[at]louvet.pro.

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more

OK