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.

SEE SEOME MORE PROJECTS


OR READ OUR MONOLOGUES


First You Learn Than You Earn

The designer learning process extends far beyond software tutorials and technical skills. While many focus on mastering tools, the real designer learning process involves developing your ability to…

Read More

Discipline vs. Talent in Design

Discipline vs talent in design sparks debate in every creative studio. Most designers chase talent, believing natural gifts guarantee success. Yet discipline vs talent shows that consistency trumps…

Read More

The Worst Kind of Project

Unrealized design projects represent every designer's worst nightmare. When months of creative investment disappear into abandoned folders, the frustration cuts deep. These unrealized design projects…

Read More

WRWD Concept: Write, Read, Walk, and Draw Daily

WRWD daily creative habits offer designers a framework for consistent growth through four essential activities. This approach to building creative discipline emerged from our studio's experience…

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°W
Good design is for good clients. Privacy policy


Ljubljana
--:--:--

London
--:--:--

New York
--:--:--

Tokyo
--:--:--



Privacy Preference Center