Hi, I'm Solomon, a design engineer, and I made Raval. I like studying design systems and sites from people I look up to in design engineering. I wanted to understand why things look the way they do, and every time that meant opening DevTools and hunting through panels for one gap, one font or one colour. I wanted that to be fun and intuitive instead. So Raval reads those values straight off the page: - Inspect: hover for sizes, click text or an element for its font, colours and box values - Measure: click up to five elements and read the gap between them - Guides: place guides that snap to element edges, saved per page - Annotate: callouts, notes, arrows and a pen, then capture the whole view or just a region It's free, open source, has no account and collects no data. You can try it without installing anything: there's a live demo on the homepage. It's for people who obsess over details. I'd love to know whose site you'd inspect first, and what you'd want Raval to tell you about it.

Raval

Measure, inspect and annotate any webpage

Measure, inspect and annotate any webpage