I built a free Chrome Extension to extract any website's Brand Kit (Colors, Fonts, CSS) & Client Onboarding Brief

Hey everyone! 👋

As a builder working with web design and development projects, I got tired of two repetitive bottlenecks:

1. Manually opening DevTools (F12) to hunt down exact hex codes and font families across client websites.
2. Chasing clients across 10 different email threads just to collect basic onboarding assets (logos, domain logins, copywriting, brand guidelines).

To fix this workflow friction, I built ClientBrief Pro — a lightweight Chrome extension tailored for freelance developers, designers, and digital agencies.

🚀 Key Features

• 🎨 1-Click Brand Kit & CSS Inspector: Instantly inspect any live webpage to extract its primary brand color palette (with 1-click Hex copying), heading/body typography stack, and ready-to-use :root CSS variables.
• 📋 Done-For-You Client Onboarding Templates: Built-in asset checklists for Web Design & Redesign, Shopify/E-Commerce Kickoffs, SEO Onboarding, and Brand Identity Handover.
• 📄 Printable Client Brief (PDF): Combines the website's visual snapshot, extracted color swatches, typography, and required deliverable checklists into a clean, editable PDF brief to send to clients.
• 🔒 100% Privacy-First: Operates strictly on-demand in your active tab using client-side APIs with zero tracking, external servers, or broad host permissions.

---

🔗 Try It on the Chrome Web Store

You can install it directly from the Chrome Web Store:
👉 Install ClientBrief Pro

🎁 Free Pro Unlock for the Community

I would love to get your honest thoughts, feedback, and feature requests. To thank the community, you can unlock full Pro features (unlimited white-label briefs) for free:

1. Open the extension popup and navigate to the 👑 Pro tab.
2. Enter the license key: PRO-2026-VIP and hit Activate.

Let me know what other onboarding templates or design inspection features you'd like to see next!