Specto Ruler
Specto Ruler lets you measure pixels, align elements, and inspect layouts with crosshair accuracy.
Perfect for web designers and developers who demand pixel-perfect results.
Features that empower your workflow
Precision measurements
Track distances, dimensions, and spacing between any elements with crosshair accuracy. The interactive overlay instantly reveals the measurements you need, making pixel-perfect designs effortless.
Cross-browser ready
Works seamlessly in Chrome, Edge, Firefox, and Safari, making it your reliable companion regardless of your development environment.
Zero configuration
Start measuring right after installation. Press Alt+Shift+M (Option+Shift+M on macOS) and get to work - no setup, no options to configure.
Lightweight performance
Runs smoothly without affecting your page load times or browser performance. Activates only when you need it.
Visual guidelines
Dynamic guides appear as you move your cursor, ensuring precise alignment across your designs.
Made in Sweden
Keyboard shortcuts
Master these shortcuts to speed up your workflow
Alt+Shift+M (Option+Shift+M on macOS)↑ ↓ ← →Shift+Arrow keysDGCtrl+Shift+Arrow keys (Command+Shift+Arrow keys on macOS)Esc'%3e%3cstop%20offset='0'%20style='stop-color:%231E8E3E'/%3e%3cstop%20offset='1'%20style='stop-color:%2334A853'/%3e%3c/linearGradient%3e%3cpath%20fill='url(%23SVGID_1_)'%20d='M145.48,320.08L35.26,129.17c-22.35,38.7-34.12,82.6-34.12,127.29s11.76,88.59,34.11,127.29%20c22.35,38.7,54.49,70.83,93.2,93.17c38.71,22.34,82.61,34.09,127.3,34.08l110.22-190.92v-0.03c-11.16,19.36-27.23,35.44-46.58,46.62%20c-19.35,11.18-41.3,17.07-63.65,17.07s-44.3-5.88-63.66-17.05C172.72,355.52,156.65,339.44,145.48,320.08z'/%3e%3clinearGradient%20id='SVGID_2_'%20gradientUnits='userSpaceOnUse'%20x1='218.5901'%20y1='2.3333'%20x2='439.0491'%20y2='384.1796'%20gradientTransform='matrix(1%200%200%20-1%200%20514)'%3e%3cstop%20offset='0'%20style='stop-color:%23FCC934'/%3e%3cstop%20offset='1'%20style='stop-color:%23FBBC04'/%3e%3c/linearGradient%3e%3cpath%20fill='url(%23SVGID_2_)'%20d='M365.96,320.08L255.74,510.99c44.69,0.01,88.59-11.75,127.29-34.1%20c38.7-22.34,70.84-54.48,93.18-93.18c22.34-38.7,34.1-82.61,34.09-127.3c-0.01-44.69-11.78-88.59-34.14-127.28H255.72l-0.03,0.02%20c22.35-0.01,44.31,5.86,63.66,17.03c19.36,11.17,35.43,27.24,46.61,46.59c11.18,19.35,17.06,41.31,17.06,63.66%20C383.03,278.77,377.14,300.72,365.96,320.08L365.96,320.08z'/%3e%3cpath%20fill='%231A73E8'%20d='M255.73,357.21c55.66,0,100.78-45.12,100.78-100.78s-45.12-100.78-100.78-100.78%20s-100.78,45.12-100.78,100.78S200.07,357.21,255.73,357.21z'/%3e%3clinearGradient%20id='SVGID_3_'%20gradientUnits='userSpaceOnUse'%20x1='35.2587'%20y1='353.0303'%20x2='476.177'%20y2='353.0303'%20gradientTransform='matrix(1%200%200%20-1%200%20514)'%3e%3cstop%20offset='0'%20style='stop-color:%23D93025'/%3e%3cstop%20offset='1'%20style='stop-color:%23EA4335'/%3e%3c/linearGradient%3e%3cpath%20fill='url(%23SVGID_3_)'%20d='M255.73,129.14h220.45C453.84,90.43,421.7,58.29,383,35.95C344.3,13.6,300.4,1.84,255.71,1.84%20c-44.69,0-88.59,11.77-127.29,34.12c-38.7,22.35-70.83,54.5-93.16,93.2l110.22,190.92l0.03,0.02%20c-11.18-19.35-17.08-41.3-17.08-63.65s5.87-44.31,17.04-63.66c11.17-19.36,27.24-35.43,46.6-46.6%20C211.42,135.01,233.38,129.13,255.73,129.14z'/%3e%3c/svg%3e)
'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.72'%20stop-opacity='0'/%3e%3cstop%20offset='.95'%20stop-opacity='.53'/%3e%3cstop%20offset='1'/%3e%3c/radialGradient%3e%3cradialGradient%20id='d'%20cx='-340.29'%20cy='62.99'%20r='143.24'%20gradientTransform='matrix(.15%20-.99%20-.8%20-.12%20176.64%20-125.4)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='.76'%20stop-opacity='0'/%3e%3cstop%20offset='.95'%20stop-opacity='.5'/%3e%3cstop%20offset='1'/%3e%3c/radialGradient%3e%3cradialGradient%20id='e'%20cx='113.37'%20cy='570.21'%20r='202.43'%20gradientTransform='matrix(-.04%201%202.13%20.08%20-1179.54%20-106.69)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%2335c1f1'/%3e%3cstop%20offset='.11'%20stop-color='%2334c1ed'/%3e%3cstop%20offset='.23'%20stop-color='%232fc2df'/%3e%3cstop%20offset='.31'%20stop-color='%232bc3d2'/%3e%3cstop%20offset='.67'%20stop-color='%2336c752'/%3e%3c/radialGradient%3e%3cradialGradient%20id='f'%20cx='376.52'%20cy='567.97'%20r='97.34'%20gradientTransform='matrix(.28%20.96%20.78%20-.23%20-303.76%20-148.5)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%2366eb6e'/%3e%3cstop%20offset='1'%20stop-color='%2366eb6e'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3clinearGradient%20id='a'%20x1='63.33'%20y1='84.03'%20x2='241.67'%20y2='84.03'%20gradientTransform='matrix(1%200%200%20-1%200%20266)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%230c59a4'/%3e%3cstop%20offset='1'%20stop-color='%23114a8b'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='157.35'%20y1='161.39'%20x2='45.96'%20y2='40.06'%20gradientTransform='matrix(1%200%200%20-1%200%20266)'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0'%20stop-color='%231b9de2'/%3e%3cstop%20offset='.16'%20stop-color='%231595df'/%3e%3cstop%20offset='.67'%20stop-color='%230680d7'/%3e%3cstop%20offset='1'%20stop-color='%230078d4'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M235.68%20195.46a93.73%2093.73%200%2001-10.54%204.71%20101.87%20101.87%200%2001-35.9%206.46c-47.32%200-88.54-32.55-88.54-74.32A31.48%2031.48%200%2001117.13%20105c-42.8%201.8-53.8%2046.4-53.8%2072.53%200%2073.88%2068.09%2081.37%2082.76%2081.37%207.91%200%2019.84-2.3%2027-4.56l1.31-.44a128.34%20128.34%200%200066.6-52.8%204%204%200%2000-5.32-5.64z'%20transform='translate(-4.63%20-4.92)'%20fill='url(%23a)'/%3e%3cpath%20d='M235.68%20195.46a93.73%2093.73%200%2001-10.54%204.71%20101.87%20101.87%200%2001-35.9%206.46c-47.32%200-88.54-32.55-88.54-74.32A31.48%2031.48%200%2001117.13%20105c-42.8%201.8-53.8%2046.4-53.8%2072.53%200%2073.88%2068.09%2081.37%2082.76%2081.37%207.91%200%2019.84-2.3%2027-4.56l1.31-.44a128.34%20128.34%200%200066.6-52.8%204%204%200%2000-5.32-5.64z'%20transform='translate(-4.63%20-4.92)'%20style='isolation:isolate'%20opacity='.35'%20fill='url(%23b)'/%3e%3cpath%20d='M110.34%20246.34A79.2%2079.2%200%200187.6%20225a80.72%2080.72%200%200129.53-120c3.12-1.47%208.45-4.13%2015.54-4a32.35%2032.35%200%200125.69%2013%2031.88%2031.88%200%20016.36%2018.66c0-.21%2024.46-79.6-80-79.6-43.9%200-80%2041.66-80%2078.21a130.15%20130.15%200%200012.11%2056%20128%20128%200%2000156.38%2067.11%2075.55%2075.55%200%2001-62.78-8z'%20transform='translate(-4.63%20-4.92)'%20fill='url(%23c)'/%3e%3cpath%20d='M110.34%20246.34A79.2%2079.2%200%200187.6%20225a80.72%2080.72%200%200129.53-120c3.12-1.47%208.45-4.13%2015.54-4a32.35%2032.35%200%200125.69%2013%2031.88%2031.88%200%20016.36%2018.66c0-.21%2024.46-79.6-80-79.6-43.9%200-80%2041.66-80%2078.21a130.15%20130.15%200%200012.11%2056%20128%20128%200%2000156.38%2067.11%2075.55%2075.55%200%2001-62.78-8z'%20transform='translate(-4.63%20-4.92)'%20style='isolation:isolate'%20opacity='.41'%20fill='url(%23d)'/%3e%3cpath%20d='M156.94%20153.78c-.81%201.05-3.3%202.5-3.3%205.66%200%202.61%201.7%205.12%204.72%207.23%2014.38%2010%2041.49%208.68%2041.56%208.68a59.56%2059.56%200%200030.27-8.35%2061.38%2061.38%200%200030.43-52.88c.26-22.41-8-37.31-11.34-43.91-21.19-41.45-66.93-65.29-116.67-65.29a128%20128%200%2000-128%20126.2c.48-36.54%2036.8-66.05%2080-66.05%203.5%200%2023.46.34%2042%2010.07%2016.34%208.58%2024.9%2018.94%2030.85%2029.21%206.18%2010.67%207.28%2024.15%207.28%2029.52s-2.74%2013.33-7.8%2019.91z'%20transform='translate(-4.63%20-4.92)'%20fill='url(%23e)'/%3e%3cpath%20d='M156.94%20153.78c-.81%201.05-3.3%202.5-3.3%205.66%200%202.61%201.7%205.12%204.72%207.23%2014.38%2010%2041.49%208.68%2041.56%208.68a59.56%2059.56%200%200030.27-8.35%2061.38%2061.38%200%200030.43-52.88c.26-22.41-8-37.31-11.34-43.91-21.19-41.45-66.93-65.29-116.67-65.29a128%20128%200%2000-128%20126.2c.48-36.54%2036.8-66.05%2080-66.05%203.5%200%2023.46.34%2042%2010.07%2016.34%208.58%2024.9%2018.94%2030.85%2029.21%206.18%2010.67%207.28%2024.15%207.28%2029.52s-2.74%2013.33-7.8%2019.91z'%20transform='translate(-4.63%20-4.92)'%20fill='url(%23f)'/%3e%3c/svg%3e)
Questions?
Get in touch - [email protected]