Speaker Deck

Building a System for Spacing and Typography Using a Modular Scale

by Bermon Painter

Published May 10, 2018 in Programming

Dealing with space in a web application is one of the most difficult areas to maintain consistency. Margin, padding, and positioning are the properties that are used the most outside of color. In this session we'll review:

Five Things Audience Members Will Learn:
1. Concepts around spacing
2. The various values that can be used now (vw, vh, rem, calc())
3. How to build a modular spacing scale using a bit of Sass
4. How to apply a similar scale when defining font sizes
5. And how to turn all of this into a reusable system that enforces consistent spacing throughout an interface