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).
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?
No comment highlights available yet. Please check back later!
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 #157 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.
r12 was featured in Chrome Extensions (52.6k followers), Design Tools (259.8k followers), Graphics & Design (4.3k followers) and Web Design (8.8k followers) on Product Hunt. Together, these topics include over 52.5k products, making this a competitive space to launch in.
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.
Want to see how r12 stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
Konner Bouchard