SiteDNA

Read the design DNA of any website.

SiteDNA is a Chrome extension that pulls the colors, fonts and images out of the page you are on, checks how consistent and readable they are, and turns them into design tokens you can paste into your project.

See what it finds Coming soon to the Chrome Web Store

One payment, no account, and the analysis never leaves your browser.

This page, measured

Colors on this page
–
Display typeface
–
Body text contrast
–

Measured a moment ago from this very page, inside your browser. SiteDNA reads any website the same way.

What you get

Free, with no limits

  • Every color on the page, most used first, copied in one click
  • The typefaces the site really uses, without generic names or icon fonts
  • Images and SVG icons, ready to save one by one
  • No daily quota and no account

PRO, for one payment

  • A brand kit report you can save as a PDF and hand to a client
  • A consistency audit: near-duplicate colors, stray font sizes and low-contrast text
  • Design tokens as CSS variables, a Tailwind v4 theme or a W3C tokens file
  • Every image on the page saved in one click

How it works

  1. Open any website

    Click the SiteDNA icon in your toolbar. It reads only the tab in front of you, and only when you click.

  2. Browse what it found

    Colors, fonts and images appear in three tabs. Click a color or a font to copy it.

  3. Export the report

    With PRO, one click opens the full brand kit with the audit and the tokens, ready to print or share.

Inside the PRO report

  1. Color paletteEvery color on the page, ordered by how often it is used.
  2. Typography systemThe typefaces in use, with a preview of each.
  3. Brand assetsLogos, icons and images found on the page.
  4. Design consistency auditColors so close they should be merged, font sizes used once or twice, and text that fails WCAG AA contrast, with the exact ratio.
  5. Design tokensThe cleaned-up palette and type scale as CSS variables, a Tailwind v4 theme or a W3C Design Tokens file.

Pricing

$9.99

One payment for SiteDNA PRO, with every future update included. Activate it on up to three Chrome installations.

PRO opens at launch

Payments are handled by Polar, the merchant of record. Polar emails your receipt and gives you your license key.

Questions

Does SiteDNA send the websites I analyze anywhere?

No. Colors, fonts and images are read and processed inside your browser. The only thing SiteDNA sends anywhere is your license key, to Polar, when you activate PRO. The privacy policy has the details.

Do I need an account?

No. The free features work as soon as you install. PRO needs only the license key you receive when you buy.

How many computers can I use PRO on?

Each license key activates on up to three Chrome installations.

What is WCAG contrast?

WCAG is the web's accessibility standard. Its AA level asks for a contrast ratio of at least 4.5:1 between normal text and its background, and 3:1 for large text. SiteDNA measures every text and background pair it can see and lists the pairs below that line.

Which token formats can I export?

CSS custom properties, a Tailwind CSS v4 @theme block, and a .tokens.json file in the W3C Design Tokens format (2025.10).

Can SiteDNA read every page?

It reads normal web pages. Chrome keeps its own pages, such as the new tab page, settings and the Chrome Web Store, closed to every extension.