Golden Space

Golden Space

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:

• Try Parcel for bundling assets
• Get more practice with TypeScript
• Use as few frameworks as possible, thus imitating the Elm Architecture or Redux Pattern in update.ts
• Learn CSS Custom Properties