How do you sketch pixel-perfect layouts on paper?

Product design Ljubljana projects rarely solve such a fundamental workflow problem. We created a precision ruler that translates digital pixels into analog measurements, earning Red Dot recognition for this self-initiated product design Ljubljana solution.

Client: Self-initiated

The brief

We needed a studio gift that demonstrated our understanding of responsive design constraints. Too many client conversations started with explaining how we bridge traditional craft with digital precision.

The solution

We designed a custom ruler calibrated to common screen densities and breakpoints. Each marking corresponds to exact pixel values, requiring mathematical precision and manufacturing tolerances that preserve digital accuracy in analog form.

Outcome

The ruler earned Red Dot recognition and became our calling card. Clients immediately understand our approach — honoring analog process while solving digital problems.

Concept development · Product design · Manufacturing

vbgravnila1_copy
vbgravnila11_copy
vbgravnila9_copy
vbgravnila8_copy

A ruler that translates pixels into millimeters with mathematical precision.

The Why emerged from tired client meetings where I kept explaining how digital constraints work on paper. The What became a calibrated ruler marking common screen densities and responsive breakpoints — 72ppi, 96ppi, 144ppi, 326ppi — each with corresponding millimeter measurements. The How required calculating exact ratios and finding manufacturers who could hold tolerances tight enough that a 16px measurement stays accurate across different densities. Most fabricators said it couldn’t be done at our budget. The Values are precision over approximation and tools that make invisible systems visible.

The Design strips away everything except function — laser-etched markings on anodized aluminum, with pixel values clearly labeled beside their analog equivalents. I wanted it dense with information but instantly readable. The Red Dot recognition validated what I suspected: fundamental workflow problems disguise themselves as minor inconveniences until someone solves them properly. The Story is about refusing to accept that digital and analog design exist in separate worlds — they share mathematical relationships that tools should respect, not approximate.

GOOD DESIGN IS FOR GOOD CLIENTS.

Ljubljana
--:--:--

London
--:--:--

New York
--:--:--

Tokyo
--:--:--



Definition of a brand

Most agencies think brands are logos and colors. But what if a brand is actually the meaning that forms in your audience's mind?

Read More

We use craft in every project. Not as decoration. Not as nostalgia. As a way of thinking.

Real design happens in the messy hours before answers emerge—where ideas stop being clever and start becoming honest through actual making.

Read More

What Does a Branding Agency Actually Do?

What does branding agency do that makes it different from design work? Most companies discover this too late, after they already have visuals but lack direction. What does branding agency do is…

Read More

Logo Design vs Brand Identity: What’s the Difference?

Logo vs brand identity confusion appears everywhere in design requests. Companies consistently ask for logos when they actually need comprehensive brand identity systems that create structure and…

Read More



Copyright © 2004 ⸻ 2026. Visual Brain Gravity is a design studio in Ljubljana, Slovenia. Specializing in brand identity systems and structured visual design.. ⸻ contact us at hello@vbg.si.

46.0459986°N ,14.5086705°E
Good design is for good clients. Privacy policy

Privacy Preference Center