DesignDupe
p/designdupe
Chrome Extension: Identify colors and fonts on any website
Musab Abdullah
DesignDupe — Chrome Extension: Identify colors and fonts on any website
Featured
29
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.
Replies
Best
Musab Abdullah
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!
Anne de Joly
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
@annedevj Thanks for the install! I'd love to hear your experience using it. Please leave a review in the Chrome Web Store too. 🙏🏽
Negou Seid
This is very effective. I like the approach, it's so super easy to use. I installed and tested it with a few sites and can confidently say it works as advertised.
Kiran Gadiwaddar
I use colorpicker extension but this extension adds an extra feature of which fonts are being used in the website, Liked this one 👍
Emmanuel Rey Sumague
As someone who enjoys using different text, this makes it easier for me to find texts that I find interesting.
Ema Elisi
Congrats on launching DesignDupe, @musab_abdullah! This is such a game-changer for designers and developers alike. 🖌️ Getting instant visibility into all colors and fonts on a website without juggling multiple extensions is a huge time-saver. Your use of ClaudeAI for rapid prototyping is impressive—it's exciting to see how you iterated and improved your product! Can't wait to give it a spin and leave a review. Keep up the amazing work! PH community is lucky to have such a resource!
Ghost Kitty
Comment Deleted
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
@elke_qin Thanks for the support! Would love for you to give it a try and leave a review in the chrome web store
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
@star_boat Thanks for the support! Would love for you to give it a try and leave a review in the chrome web store
Muhammad Salman
That will really help me and other developers. Appreciate the product best luck Musab
Musab Abdullah
@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
@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.
Jibran Khalil
Congrats on this! I’ve been using this for a few days now, super useful in finding.fonts
Olivia Jane Mitchell
This sounds like a really useful tool! I'm curious, will it extract colors/fonts used in frameworks like Bootstrap or Tailwind effectively?
Musab Abdullah
@oliviajanemitchell Yes it should. If the colors/fonts are listed in the CSS, it can pull it.
Sakib Abdur Rahman
This will save so much time! Thanks for launching this.
Alexander Scott Williams
Cool project! Love how you leveraged ClaudeAI for this.
Martin Guimerà Castell
A must for designers and webdevelopers, congrats on the launch!
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
@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
Lemuel Albotra
Congratulations on launching DesignDupe! 🎉 It’s impressive to see how you’ve utilized ClaudeAI to develop and refine your Chrome extension. How did the iterative process with ClaudeAI help shape the final version of DesignDupe, and what were some key features or improvements that emerged from this process?
David Fernández
This is very helpful! Congrats on the launch
Velalagan M
very good extension for daily use