All activity
Tired of digging through Chrome's inspect tool for a hex or a font? With Designerd, hover anything to see type, colors, spacing, and borders, and copy values in a click. Get page-wide color and font breakdowns, download assets, and tweak styles live on the real page. One-click links to Google Fonts, Adobe Fonts, Fontshare, or MyFonts when matched.
Create a vibeboard, download it as PNG, and drop it into any AI web builder to use as a reference.
DesignerdIdentify fonts, colors & CSS on any page
Rúnar Guðbjartsson IIleft a comment
As a designer, I gather a lot of inspo, but using Chrome DevTools to grab a font or a hex code isn’t very delightful. So I made Designerd for myself—something simple and smooth to poke around the page, copy what I need, tweak a little live. 0 → 1 in Cursor. No sketches, no Figma, no PRDs, no grand plan—just an idea I actually wanted to use. I’d love it if you tried it out and let me know what...
DesignerdIdentify fonts, colors & CSS on any page
