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 14 days of unlimited Pro. Then keep 10 Full Reads every month for free, or stay unlimited for less than a coffee.
$0/ every month
- 14 days of unlimited Pro
- 10 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
OPENING AFTER BUSINESS VERIFICATION · NO CHARGE TODAY
[ 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?＋
Live inspection stays local in your browser. If you optionally sign in and explicitly save a reference, TRACE syncs only that compact design recipe — never the full page or media file.
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 14 days include unlimited Pro access with no card required. After that, keep 10 Full Reads every month for free. Pro billing will open after business verification at $1.99/month or $19.99/year; installing TRACE never starts a charge.