Designerd

Identify fonts and colors on any page. Vibeboard to sample styles and tweak CSS live.

Tired of digging through Chrome’s inspect tool to find a hex code or font? Well, here's Designerd, a seamless way to inspect, edit and extract design properties on any website. Features: ▸ Inspect any element—typography, colors, spacing, borders ▸ Copy hex codes and values ▸ See every color and font on the page ▸ Download assets ▸ One-click links to Google Fonts, Adobe Fonts, Fontshare, and MyFonts ▸ Edit styles live—colors, spacing, borders—and see changes instantly ▸ Custom cursor when in inspecting ▸ When editing, use arrow keys (and shift+arrow) to nudge values up/down ▸ Create a vibeboard, download it as PNG, and drop it into any AI web builder to use as a reference No signup, no account, no backend, no Elements panel, no “which one was the color again?” — just the stuff you need, when you need it. Pro tip: You can set a keyboard shortcut (I recommend ⌥⇧D or ⌘⇧D) in Chrome’s extension shortcuts to toggle Designerd. I created Designerd for me, but I want to share it with you—for free—forever. I hope you like it. 🥰 If you do like it and insist, you can buy me a coffee. ✌🏽 https://buymeacoffee.com/rgb.dsgn