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
Design X-Ray
Analyze Any Website's Design DNA
Design X-Ray instantly reveals the design system behind any website. Analyze typography, color palettes, spacing, grids, components, shadows, accessibility, and design consistency with a single click. Built for designers, developers, agencies, and product teams who want to understand how great digital products are designed, document design systems faster, and uncover insights that would normally take hours of manual inspection. π
I'm OΔuzhan, the creator of Design X-Ray.
The idea came from a problem I faced almost every day as a designer and developer: understanding how great websites are built takes a lot of manual work. Inspecting typography, colors, spacing, components, shadows, and design patterns often means jumping between DevTools, screenshots, design tools, and notes.
I wanted a faster way.
Design X-Ray automatically analyzes any website and turns its visual design system into structured insights. Instead of spending hours reverse-engineering a product, you can instantly explore its typography hierarchy, color palette, spacing system, UI components, accessibility patterns, and overall design consistency.
Whether you're a UI/UX designer, frontend developer, agency, or product team, the goal is simple: learn from great products and build better ones faster.
I'd love to hear your feedback:
π What design details do you usually inspect first when analyzing a website?
Thanks for checking out Design X-Ray! ππ
About Design X-Ray on Product Hunt
βAnalyze Any Website's Design DNAβ
Design X-Ray was submitted on Product Hunt and earned 7 upvotes and 1 comments, placing #28 on the daily leaderboard. Design X-Ray instantly reveals the design system behind any website. Analyze typography, color palettes, spacing, grids, components, shadows, accessibility, and design consistency with a single click. Built for designers, developers, agencies, and product teams who want to understand how great digital products are designed, document design systems faster, and uncover insights that would normally take hours of manual inspection. π
On the analytics side, Design X-Ray competes within Chrome Extensions, Design Tools, Web Design and UX Design β topics that collectively have 329.1k followers on Product Hunt. The dashboard above tracks how Design X-Ray performed against the three products that launched closest to it on the same day.
Who hunted Design X-Ray?
Design X-Ray was hunted by Oguzhan Erdemir. 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 Design X-Ray including community comment highlights and product details, visit the product overview.
Oguzhan Erdemir