All in one
I used to open five extensions to study a site. Now I open one and see fonts, colors, CSS and SEO, no account needed.
One window
Each extension showed its data in its own window and none saved anything. Now I see it all together and save it.
Compare
I save a card for my site and for the top three on Google, and look at them side by side in one table.
At hand
I hover and see the font, colors and CSS of whatever I point at. One click gives me the page's SEO and a capture.
Try it
Before installing anything, I switch on the demo and hover over this very page: I see font, size, color and box.
As it is
I see the font with its license, a URL's SEO and the site's design system, as they are, copying nothing by hand.
Who for
Designer, SEO or agency, each gets their own: from a reference's tokens to the comparison table for the client.
Living product
I check what's new: the v1.0 launch and early access to three Pro features.
Launch day
I read the launch-day list: the inspection, SEO and capture features are all in from day one.
Pricing
The basics are free forever. Pro is a one-time payment, no subscription, and three Pro features are free during early access.
Waitlist
It's not on the Chrome Web Store yet: I join the waitlist to be among the first to try it.
Questions
Before installing, I skim the most common questions and find the answer without leaving the page.
Chrome extension · Design and SEO
Get the fonts, colors, CSS and SEO of any page, compare several websites in one table and export their design system to Tailwind.
Local, no account · One-time Pro payment · 8 languages
Before
With Smart Design Inspector
The star feature
Save a card for each website and compare them: title, headings, schema, fonts, colors and Core Web Vitals. Export the table to CSV or Markdown and hand it to your client.
Compare websites →| yourclient.example | competitor-a.example | competitor-b.example | |
|---|---|---|---|
| Title | 58 charsOK | 74 charsNeeds work | 52 charsOK |
| H1 | 1OK | 0Missing | 1OK |
| Schema | OrganizationOK | —Missing | ProductOK |
| Font | Inter | Poppins | DM Sans |
| Color | #2563EB | #16A34A | #0B0B0B |
| LCP | 1.8 sOK | 3.4 sNeeds work | 2.1 sOK |
Save a card for each competitor and compare them in an exportable table.
Compare websites →Title, description, Open Graph, H1-H6, schema, hreflang, robots, sitemap and llms.txt, with warnings. And one click to PageSpeed or isitagentready.com.
SEO inspector →Hover and see the computed CSS, the box, the margins and the distances.
CSS inspector →Family, weights, source, license and type scale of the whole page.
What font a website uses →The page palette, an eyedropper and WCAG contrast for every text and background pair.
Get the colors of a website →Colors, spacing and typography to Tailwind v4 @theme, CSS variables or DESIGN_SPECS.md.
Extract the design system →Copy a section as JSX + Tailwind or as HTML/CSS.
Convert a website to Tailwind →Full page as PNG or PDF, or a single element.
Turn on the demo and hover over this page: you’ll see the font, size, color and box of every element, just like in the extension.
Desktop only · The extension does much more
Fonts
Family, weights, sizes and source of every font on the page, plus the full type scale from H1 to buttons.
Playfair Display
Google Fonts · OFL
SEO inspector
Everything Google reads in the head and the body, with warnings that tell you what to fix.
| Title | Smart Design Inspector – Design & SEO… | OK |
| Description | Study any website from Chrome… | Too long |
| Canonical | / | OK |
| OG image | — | Missing |
| hreflang | 8 languages + x-default | OK |
| llms.txt | /llms.txt | OK |
Design system Pro
Colors, spacing and typography, ready to paste into your project or hand to your AI.
@theme/* yourclient.example */@theme { --color-primary: #2563eb; --color-ink: #0b0b0b; --font-sans: "Inter", sans-serif; --spacing: 4px; --radius-md: 8px;}See how the reference your client sends you is built and bring its tokens into your project without opening DevTools.
Deliverable: your design systemCheck the on-page SEO of a URL in seconds and compare your client’s page with the top three on Google.
Deliverable: on-page auditGive your client a table of their website against the competition, exported in one click.
Deliverable: comparison in CSV or MarkdownReviews
Latest updates
18 features free forever, plus 3 Pro features in early access. No account and no time limit.
Free for everyone until the Pro launch (date TBD)
Inspiration mode (text and images as placeholders when copying) arrives free with the first Pro release
Free
€0, forever
Pro
€49, one-time payment
Waitlist
Smart Design Inspector is in development. Leave your email and we’ll let you know the day it goes live on the Chrome Web Store, with the 3 Pro features free in early access.
One email on launch day and very few more · Unsubscribe in one click
Yes. The inspection, SEO and capture features are free forever. Pro costs €49 once and includes a year of updates.
No. Install it and it works. There’s no login, neither for the free version nor for Pro.
Everything is processed in your browser. The pages you visit are not sent to any server, and no ads or donation links are injected into other people’s websites. If you open the page in an external audit (PageSpeed, isitagentready…), that site receives the address, only when you click.
It doesn’t give keyword volumes or backlinks, it doesn’t detect what technology a website is built with, and it doesn’t download paid fonts: it shows you the license and where to get them.
Chrome, Edge, Brave, Arc, Opera and Vivaldi, on Windows, Mac and Linux, from version 1.0. It works the same everywhere because the browser runs the extension, not the operating system. The code is ready to be brought to Firefox and Safari without a rewrite. While it’s in development, things may change.
Yes. It reads the page as the browser has already rendered it, so it doesn’t matter how it was built.
Cookies
We use Google Analytics to see how many people visit and which pages work, only if you accept. No advertising. Cookie policy.