LiftKit Spacing Explained (In Detail)

*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-css-beta

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

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

Download Chainlift Color from Webflow:
https://webflow.com/apps/detail/chainlift-color?category=productivity-language

Questions, Collab Inquiries:
info@chainlift.io

Видео LiftKit Spacing Explained (In Detail) канала Chainlift