PLAY PODCASTS
386: Designing with Grid Systems
Episode 387

386: Designing with Grid Systems

This week, we talk about designing with grid systems. In particular: when grid systems break, and what to do when they don’t align with our hardware screens perfectly. In The Sidebar, we talk all about design debt: how to work with it, pay it down, and eventually learn to accept it.

Design Details

February 24, 202124m 52sExplicit

Audio is streamed directly from the publisher (chrt.fm) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.

Show Notes

This week, we talk about designing with grid systems. In particular: when grid systems break, and what to do when they don’t align with our hardware screens perfectly. In The Sidebar, we talk all about design debt: how to work with it, pay it down, and eventually learn to accept it.


Golden Ratio Supporter:

A huge shoutout to Copilot, the best app for budgeting and tracking your personal finances. It’s our favorite tool for categorizing our spending, having our net worth available at a glance, and getting monthly (and yearly!) digests of all your spending.

Get the app at copilot.money.

Latest VIP Patrons:

  • Leigh LaMon
  • Edyta Niemyjska
  • Jaime
  • Brandon Hills
  • Jonathan De Wet
  • Guilherme Kaiser
  • Lillian Lin
  • Aris Acoba
  • Kyle Stuart
  • Hugo Tunius
  • Kish Patel
  • Michael Otto
  • Denis Zastanceanu
  • Kelvin O'Shea
  • Scott Underwood
  • Lachlan Campbell
  • Lucas VanGombos
  • Sam xia
  • Ravi Aujla
  • Brian Nelson

The Sidebar:

The Sidebar is an exclusive weekly segment for our Patreon supporters. You can subscribe starting at $1 per month for access to full episodes going forward! Sign up at https://patreon.com/designdetails.

In this week's Sidebar, we answer a listener question that can be ultimately paraphrased as: How do you deal with design debt?


Main Topic:

Joey Jungle asks on GitHub: Designing with grid systems? – and continues with many words asking why grid systems are often unintuitive, and don’t align neatly with our hardware screens. Great question!


Cool Things:

  • Brian shared the iA Quattro typeface, one of three beautiful (and free, open source!) typefaces from the iA team. It seems to be striking a happy middle ground between a sans and a mono, making it useful for adding a computer-y tone to an interface while staying readable.
  • Marshall shared Little Nightmares II, a beautiful (and scary) indie side-scroller. It looks gorgeous, and the sound design is incredible.

Design Details on the Web:


Byeee!