Calculate and preview the perfect spacing scale in web apps.
This project is the culmination of some space exploration in web apps. I've attempted to find a suitable space system while also trying out some ideas while retaining responsiveness.
The primary goal of this exploration was to determine whether it was feasible to:
- Consolidate margin and padding utility classes across screen sizes
- Determine the appropriate scale to implement in Zipline
- See the effect of implementing Text Crop to set consistency between line-heights and space
Secondary goals shaped some of the technology decisions. I wanted to: