Perfect Ratios & How to Find Them

UPDATE 2025: LIFTKIT IS A LIVING SYSTEM AND THE MATH HERE MIGHT BE OUTDATED

That's right folks, we're back with Spacing Part 2: THE SPACENING. If you thought the last one was way too much, you haven't seen nothin' yet. This video goes into the details of how relative scaling works, plus a peek into the formulas behind common use cases such as card padding, buttons, and list items.

This week, we dive headfirst into something I think about way too much: spacing. Spacing is what gives UI's that "oddly satisfying" feel when done right, and that "something's off" feeling when it's done poorly. How do you design spacing correctly? Should you use a framework? Let's find out!

Join the CSS Beta!
https://www.chainlift.io/join-liftkit...

Join the Figma File Waitlist!
https://www.chainlift.io/sign-up-for-...

LiftKit Webflow Cloneable Here:
https://webflow.com/made-in-webflow/w...

Download Chainlift Color from Webflow:
https://webflow.com/apps/detail/chain...

Questions, Collab Inquiries:
[email protected]