Typography Scale Analyzer
Map the complete type hierarchy of any website. See every heading level, body text size, font weight, and line-height at a glance.
Chrome Extension — Under ReviewHow it works
Full Type Scale
Automatically maps every text size used on the page — from the largest heading to the smallest caption.
Font & Weight Details
See which font family, weight, line-height, and letter-spacing is used for every level of the hierarchy.
Live Previews
Preview each typography level with actual sample text from the page, rendered with the correct font properties.
Everything you can do
Maps heading levels (H1–H6) automatically
Detects body text, captions, and labels
Shows font family for each text level
Displays font weight and style
Shows line-height and letter-spacing
Includes live text samples from the page
Copy CSS for any typography level
Export full scale as CSS or Tailwind
Save scales to your collections
Works on any public website
3 steps to analyze any typography scale
No DevTools needed. No account required to inspect.
1
Install the extension
Add Inspekt to Chrome — it's free and lightweight.
2
Visit any website
Navigate to the page you want to analyze.
3
Open the type scale tab
Click Inspekt and see the full typography hierarchy.
Ready to analyze typography?
Free to use. Pro plan available for unlimited saves and exports.
Chrome Extension — Under Review