Nine Breakpoints.
Every Font.
Responsive Font Analyser
Desktop: H1 at 48px. Body at 16px. Inter throughout. Looks perfect.
Mobile: H1 is still 48px. Body text overflows. Font weights don’t shift. Nobody checked.
Nine viewports. Every font property. Automatically.
Computed Values Only
World First Browser OS
Launch from Quick Launch
150+ Tools
Computed Values.
Not CSS Rules.
What the browser actually renders at each viewport width.
Your CSS says clamp(1rem, 2.5vw, 2rem). But what does the browser actually resolve at 768px? At 375px? At 320px?
At every breakpoint, Responsive Font Analysis captures:
- Font Family → The primary family the browser is rendering
- Font Size → The computed pixel value at that exact viewport width
- Font Weight → 100 through 900, as the browser resolves it
- Line Height → The actual computed line height
- Element Type → H1, H2, p, span, div, li—every text element
Resolved values. Not stylesheet declarations.
Part of the
Design Toolkit
Tools that work together in the Design toolkit.
Love a website's colors? Extract the full palette. HEX, RGB, HSL. Copy any format instantly.
ImageOptim is the gold standard for image compression on macOS. MozJPEG for JPEG. OxiPNG for PNG. ImageQuant for lossy PNG. The best codecs, per.
Design QA in the browser. Measure margins, paddings, gaps between any elements. Copy CSS variables with one click.
One click opens a responsive testing panel. Pick a device. See the exact viewport. Test instantly - and find elements breaking your layout.
Native browser eyedropper. Works on any website - and your desktop. Click rapidly without reloading. Saves up to 20 colors. HEX, RGB, HSL - all.
Found the perfect headline font? Hover and copy. Font name, weight, and styles in one tooltip.
