This product was not featured by Product Hunt yet.
It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).

Product upvotes vs the next 3

Waiting for data. Loading

Product comments vs the next 3

Waiting for data. Loading

Product upvote speed vs the next 3

Waiting for data. Loading

Product upvotes and comments

Waiting for data. Loading

Product vs the next 3

Loading

Specter

Inspect any website like a design file

Specter turns any webpage into something you can read like a design file. Hover any element to see its spacing, typography, colour, WCAG contrast, borders, and flex/grid layout — in plain, copyable CSS. Load your design tokens and it flags every off-token colour, size, and radius. Plus a live eyedropper with a zoom loupe, full-page screenshots, and :hover/:focus/:active simulation. 100% local, no tracking, free. Built for designers, UX engineers, and front-end devs.

Top comment

Hey Product Hunt 👋 I'm Eni, a product designer. I got tired of opening DevTools just to answer "what's the padding here?" or "is this even our blue?" — so I built Specter: DevTools reimagined for designers. Hover any element and read its spacing, type, colour, WCAG contrast, and flex/grid layout in plain, copyable CSS. Load your design tokens and it flags anything off-system. It also has a live eyedropper (with a zoom loupe), full-page screenshots, and hover/focus/active simulation. Everything runs 100% locally — no accounts, no tracking — and it's free. Would love your feedback: what would make it a daily-driver for you?

About Specter on Product Hunt

“Inspect any website like a design file”

Specter was submitted on Product Hunt and earned 0 upvotes and 1 comments, placing #337 on the daily leaderboard. Specter turns any webpage into something you can read like a design file. Hover any element to see its spacing, typography, colour, WCAG contrast, borders, and flex/grid layout — in plain, copyable CSS. Load your design tokens and it flags every off-token colour, size, and radius. Plus a live eyedropper with a zoom loupe, full-page screenshots, and :hover/:focus/:active simulation. 100% local, no tracking, free. Built for designers, UX engineers, and front-end devs.

On the analytics side, Specter competes within Chrome Extensions, Design Tools and Developer Tools — topics that collectively have 839.2k followers on Product Hunt. The dashboard above tracks how Specter performed against the three products that launched closest to it on the same day.

Who hunted Specter?

Specter was hunted by Aineias. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.

For a complete overview of Specter including community comment highlights and product details, visit the product overview.