T
Toolivance
Advanced measurement studio

Edge Ruler Studio

Use four-sided rulers, card-based calibration, and live coordinate inspection for edge-aligned physical checks, UI spacing reviews, and front-end layout debugging.

Back to clean rulerPrintable ruler PDF
Estimated at 96 PPI until you save calibration

Edge measurement stage

Hover or move your pointer to read live coordinates. Scroll or trackpad-pan to move across a larger measurement area.

Actual-size centimeter mode
01234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
01234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
01234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
01234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
Move the pointer to read x / y coordinates
Calibrate with a real credit card

Drag the slider until the dashed card below matches the real card in your hand. This page keeps calibration visible by default so centimeter and inch mode can be trusted faster.

Credit Card
ShrinkExpand

Live estimate: 96 PPI

Built for real work

Design review

Compare hero blocks, card widths, mockups, and image crops on a real screen before handing work off or exporting assets.

Frontend spacing checks

Switch to pixel mode, enter a target coordinate, or move the pointer when you need a quick browser-side spacing check without opening heavier design tools.

Edge-aligned physical comparison

Four-sided rulers make it easier to rest a card, label, small product, or component diagram against a screen edge instead of floating over a ruler in the center.