DesignDupe
Chrome Extension: Identify colors and fonts on any website
Start new thread
Musab Abdullah

DesignDupe - Chrome Extension: Identify colors and fonts on any website

by
DesignDupe
•
Identify colors and fonts on any website in a single click. Rather than installing one extension for colors, another for fonts, and then hovering your mouse over every element on the page, you get to see all the colors/fonts used on any website in an instant.

Add a comment

Replies

Best
Musab Abdullah
Maker
📌
I built DesignDupe as an experiment to test the limits of ClaudeAI. I started with a simple prompt: “create a chrome extension that will extract all the colors and fonts from a website.” I downloaded the code, tested it out locally, and it worked immediately! Then, I began to iterate on the product by asking Claude to add hover effects, copy hex codes to clipboard onClick, fix any error messages that came up, etc. After each response, I would simply copy over the generated code into my repo and test it out. Within a couple dozen prompts, I was left with something nice and published it to the Chrome Web Store. Try it out and please leave a review!
Star Boat
Congratulations on the launch, @musab_abdullah! If you're looking for Identify colors and fonts on any website, you definitely need to try this tool!
Musab Abdullah
Maker
@star_boat Thanks for the support! Would love for you to give it a try and leave a review in the chrome web store
David Fernández
This is very helpful! Congrats on the launch
Elke
Congrats on the launch of DesignDupe, @musab_abdullah! 🎉 This tool is a game-changer for designers and developers alike. Extracting colors and fonts in one click is going to save so much time. Can’t wait to see what other features get added in the future! #PH #MVP
Musab Abdullah
Maker
@elke_qin Thanks for the support! Would love for you to give it a try and leave a review in the chrome web store
Alexander Scott Williams
Cool project! Love how you leveraged ClaudeAI for this.
Emily Grace Thompson
Congrats on launching DesignDupe! Love how you pushed the limits of ClaudeAI to create something useful. Just curious - how does it handle complex sites with tons of custom fonts and colors? Looking forward to giving it a spin!
Musab Abdullah
Maker
@emilygracethompson Thanks! I'd love for you to try it and let me know how it goes. DesignDupe should be able to handle a large number of fonts/colors and sort them by usage
Muhammad Salman
That will really help me and other developers. Appreciate the product best luck Musab
Musab Abdullah
Maker
@muhammad_salman39 Jazakallah Khair! Please give it a try and let me know how it goes with a review in the chrome web store
Kyrylo Silin
Hey Musab, I'm curious about how accurate the color and font detection is, especially for more complex layouts. Do you have plans to expand this to other browsers like Firefox or Safari? Congrats on the launch!
Musab Abdullah
Maker
@kyrylosilin Hey, thanks for checking it out! The detection algorithm is pretty simple. It just pulls every color/font from the CSS. The more interesting part is ordering of the colors by usage on the page. I do have plans to expand it to other browsers in the future if Chrome users enjoy it.
annedevj
I use eye dropper but this is just instant, a click to copy the colour, and no need to select it first 👌 Extension installed, thank you! 🙏
Musab Abdullah
Maker
@annedevj Thanks for the install! I'd love to hear your experience using it. Please leave a review in the Chrome Web Store too. 🙏🏽
Jibran Khalil
Congrats on this! I’ve been using this for a few days now, super useful in finding.fonts
12
Next
Last