This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Product upvotes vs the next 3
Waiting for data. Loading
Product comments vs the next 3
Waiting for data. Loading
Product upvote speed vs the next 3
Waiting for data. Loading
Product upvotes and comments
Waiting for data. Loading
Product vs the next 3
Loading
r12
a Swiss-inspired grid overlay for designers and developers
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.
Hello!
I built r12 because I was constantly frustrated with eyeballing layouts while building UIs.
I’ve lately been inspired by Swiss design and wanted to bring that into the chrome browser in a simple way.
r12 lets you overlay a clean grid system on any web surface so you can instantly check alignment, spacing, and layout decisions.
It’s designed to be lightweight, fast, and out of your way.
Curious to know:
– Does this fit into your workflow?
– Anything missing that would make it more useful?
About r12 on Product Hunt
“a Swiss-inspired grid overlay for designers and developers”
r12 was submitted on Product Hunt and earned 2 upvotes and 1 comments, placing #156 on the daily leaderboard. 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.
On the analytics side, r12 competes within Chrome Extensions, Design Tools, Graphics & Design and Web Design — topics that collectively have 325.5k followers on Product Hunt. The dashboard above tracks how r12 performed against the three products that launched closest to it on the same day.
Who hunted r12?
r12 was hunted by Konner Bouchard. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
For a complete overview of r12 including community comment highlights and product details, visit the product overview.
Konner Bouchard