CSS
Collect styles from pages
Enter a URL. Milten reads the available stylesheets and groups recurring colors, fonts, sizes, spacing, corner radii, shadows, and custom properties.
Your site’s colors, fonts and spacing
Collect a page’s colors, fonts and spacing in one report. Find repeated values and styling differences to prepare a consistent design.
How the scanner works
From CSS sources to a frequency summary of values
Frequency
Group repeated values
The report counts how often identical colors, fonts, sizes, spacing, border-radius, box-shadow, and CSS variables appear. The more often a value repeats, the more it looks like a system token.
Summary
Show concentration and spread
The summary helps you quickly see where values repeat consistently and where the interface has accumulated a wide spread of colors, sizes, fonts, or shadows.
Reading
Help choose what to review first
Compare repeated colors, font sizes and spacing with their roles in components. Similar values may be intentional. The CSS summary helps plan tokens; it does not generate a finished design system or assign semantic names.
What is in the report
Seven groups of design values
Colors
Repeated colors
The scanner shows color values and their usage counts so you can separate system colors from accidental local shades.
valueuses
Fonts
Fonts and text sizes
The report includes detected font-family values, how often they appear, and repeated font-size values.
font-familyfont-size
Spacing / size
Sizes, margin, padding, width, and height
The summary highlights frequently used size and spacing values. A large spread here usually points to weak grid consistency.
pxrem
Radius / shadows
Radii and shadows
Separate groups show repeated border-radius and box-shadow values, including cases where one value appears more often than the others.
radiusshadow
CSS variables
Detected custom properties
The scanner shows CSS custom properties and their usage counts so you can see which variables already work like tokens.
--varuses
FAQ
Frequently asked questions about the CSS Tokens scanner
Short answers about which values enter the report and how to read the frequency summary.
How is the CSS Tokens scanner different from exporting CSS variables?
It looks wider: beyond custom properties, the report shows repeated colors, fonts, font-size values, sizes, spacing, border-radius, and box-shadow. Usage frequency matters for every value.
Can I analyze a site without repository access?
Yes. The first pass can run against public pages and linked styles. If part of the CSS is behind authentication or does not load on the page, it will not enter the summary.
Does the report show token conflicts?
The report shows repeated values and their range. It does not determine semantic conflicts or suggest token names. Your team decides how to organize the tokens.
Is the scanner useful if tokens already exist?
Yes. The report shows which CSS variables were found and how often they are used, plus where repeated raw values still exist nearby: colors, sizes, spacing, or shadows.
How should I read empty or rare values?
A rare value can belong to an important state or component. Check where it is used before merging or deleting it. Frequency helps prioritize investigation, but does not decide which values should become one token.
Related services
What to check next to this service
CSS audit
Find large stylesheets, duplicates, and styles unused during loading. Unused styles may still be needed on other pages or after user actions.
OpenHTML check
Find HTML errors and an overly complex page structure. The report identifies the affected elements.
OpenAccessibility
Find accessibility issues with an automated check. Get recommendations; a full accessibility assessment also needs manual checks.
OpenJavaScript check
Check JavaScript files, loading errors, and code unused during loading. Find scripts that need further investigation.
Open