SpacingSystem.com

Control the spacing!

Appear professional!
Use a spacing system.

“Solved many problems our frontend team had experienced for years.”

— Lucas Mathis relayr
Benefit from years of experience distilled into a 1-page PDF! Preview it for free!
See the demo Even a random layout can have consistent spacing!

Frequently Asked Questions

  • Sure! Here’s a preview of the rulebook!

  • This methodology originated from my experience as a web developer and contains concrete tips on how to implement it in CSS. Nevertheless, you should be able to apply the same principles to any layout that supports the concept of columns, rows, gutters and paddings. You may want to preview the document before you buy it.

  • Both! In order to deliver a coherent UI, both parties must share a common understanding of the platform the UI runs on and the rules that govern the spacing.

  • It’s an easy to remember 1-page rulebook about consistent negative space. It doesn’t cover things like layouts, colors or language. You’re encouraged to see the preview of the PDF so that you can understand better what it’s all about before you spend your money on it.

  • For a detailed guide on layouts, that is placement of elements, I highly recommend Every Layout. The PDF offered here focuses on the space between elements and not where the elements lie in respect to each other.

  • My name’s Łukasz Makuch and I’m the person behind CODER.EARTH. I’ve been developing for the web since 2014 and I have a keen interest in design. Understanding how the web works enabled me to develop a practical set of spacing rules that serve as a common language for designers and developers.

  • Yes! You’ll get an invoice from the author’s company registered in Poland, EU.

  • If you’re building using web technologies, then you may want to use capsize if not using it already. It enables pixel-perfect compatibility of text nodes with the rules from this PDF.

    Consistent spacing is not enough if you don’t have a solid layout. Fortunately, you can learn how to build robust layouts from Every Layout