Building a System for Spacing and Typography Using a Modular Scale

Building a System for Spacing and Typography Using a Modular Scale

Overview:
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

7559f6cff1f5efc2d210965febd4d71c?s=128

Bermon Painter

May 10, 2018
Tweet