This week, we were working on our essay bip apps in class. This was a nice and relaxing lesson, and also very useful because Ben and Kyle were able to give me some tips and feedback on my app design. Kyle advised i look at some Swiss Style magazines, and maybe make my app have more of a digital magazine feel.

I spent the remainder of this lesson doing some research into the specifics of the grid systems Josef Müller-Brockmann used. Since my essay is on him, I want to try and make my apps theme as cohesive as possible.

Margins (JMB loved generous spacing)

• 64 px on all sides

  (Swiss Style uses big breathing room)

Columns

• 12 columns
• Column width: ≈ 72 px
• Gutters: 24 px

Rows

Figma doesn’t allow equal-height rows by default, but here's the spacing JMB-ish setup:

• 4 rows
• Row height: auto
• Gutter: 48 px
• Margin: 64 px

swiss style magazines