TYPE
Know the exact family, source, weight, size, leading, tracking and OpenType settings.
READ THE WEB’S
VISUAL LANGUAGE.
Point at any element. Understand its typography, effects and motion. Rebuild what inspires you.
SEE IT.UNDERSTAND IT.REBUILD IT.
[ 01 — WHY TRACE ]
Built for people
who notice two pixels.
The web is full of great ideas.
TRACE makes them readable.
Not a code dump. Not another developer panel. A visual instrument designed for designers.
[ 02 — LIVE READER ]Point.
Point.
Read.
Rebuild.
Move across the canvas. The floating preview reads each object’s visual DNA in real time.
LIVE PLAYGROUND / 01 MOVE ACROSS THE OBJECTS
[ 03 — WHAT IT READS ]One click.
One click.
The whole system.
EFFECT
Decode gradients, shadows, filters, blur, clipping, masks and blend modes.
MOTION
Read transitions, durations, easing curves, animation names and accessible keyframes.
REBUILD
Turn the computed visual language into a clean CSS recipe with one click.
[ 04 — HOW IT WORKS ]From reference
From reference
to recipe in seconds.
Open TRACE
Activate it only when you need it. No permanent access to your browsing.
Point and capture
Hover for the live card. Click to lock an element and open the full reader.
Copy the recipe
Save the reference or copy a clean reconstruction directly into your project.
“Inspect element”
was built for code.
TRACE is built for taste.
[ 05 — LAUNCH PRICING ]Free to learn.
Free to learn.
Pro when it’s your workflow.
Start with 30 days of unlimited Pro. Then keep 20 Full Reads every month for free, or stay unlimited for less than a coffee.
$0/ every month
- 30 days of unlimited Pro
- 20 Full Reads every month
- Unlimited hover previews
- Unlimited color eyedropper
- Your saved library stays yours
$1.99/ month · USD
$19.99 yearly
$19.99 yearly
- Unlimited Full Reads
- Complete type, effect and motion analysis
- Media intelligence and downloads
- Unlimited synced reference library
- Every future product update
MONTHLY OR YEARLY · CANCEL ANYTIME
[ 06 — INSTALL FROM CHROME ]Three steps.
Three steps.
Then trace anything.
- 01
- 02
Click Add to Chrome and confirm the installation.
- 03
Pin TRACE, open any standard website and start Live Inspect.
[ 07 — SMALL PRINT ]
Good questions.
01Does TRACE copy font files?＋
No. TRACE identifies what a page uses, but never downloads font files. Always check the license before using a typeface.
02Does it send page content anywhere?＋
No. TRACE analyses the active tab locally in your browser. Nothing is sent to TRACE servers.
03Does it work on every website?＋
It works on standard websites. Chrome protects internal pages, the Web Store and some cross-origin rules.
04How does pricing work?＋
Your first 30 days include unlimited Pro access with no card required. After that, keep 20 Full Reads every month for free or go unlimited for $1.99/month or $19.99/year. Installing TRACE never starts a charge automatically.