Subscribe
Sign in
DesignDupe
p/designdupeChrome Extension: Identify colors and fonts on any website
Start new thread
Musab Abdullah

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

by
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
Ghost Kitty
Comment Deleted
Musab Abdullah
Maker
@zulkarnaim Thanks!
Ghost Kitty
Comment Deleted
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
Maker
@oliviajanemitchell Yes it should. If the colors/fonts are listed in the CSS, it can pull it.
Martin Guimerà Castell
A must for designers and webdevelopers, congrats on the launch!
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.
Sakib Abdur Rahman
This will save so much time! Thanks for launching this.
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?
Emmanuel Rey Sumague
As someone who enjoys using different text, this makes it easier for me to find texts that I find interesting.
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 👍
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!
Velalagan M
Launching soon!
very good extension for daily use