As a developer, I wanted to embrace Swiss design principles not only in UI/UX design but also in software development.
r12 is built on these principles by using pure JavaScript, HTML, and CSS to enhance performance and reduce bundle size. And uses the most efficient compression libraries: html-minify-html for HTML, parcel for CSS, and swc for JavaScript.
r12 is a lightweight grid overlay for inspecting layout structure on the web.
Visualize 12-column, modular, baseline, and rule-of-thirds systems directly on any site to check alignment and spacing in real context.
Designed for speed and simplicity; no setup, no friction, just a quick way to bring structure into your workflow.
Inspired by Swiss design principles.
Already used by designers and developers, and featured on the Chrome Web Store.
