Design Details logo

Have a question?

We’d love to help. Head over to our repo and create an issue, and we’ll reply back when we discuss it on the show. DM us if you’d like to ask a question anonymously.

Follow along

We’ll be tweeting new episodes, polls, questions, and show updates. Follow us and say hi!

Listener supported

This show is possible because of the generosity of our listeners. If you’ve found our podcast useful or entertaining, please consider supporting us directly by becoming a patron.

386: Designing with Grid Systems

February 24, 2021

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

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

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:


Design Details © 2015 - 2024

This site is open source