TYPE
Know the exact family, source, weight, size, leading, tracking and OpenType settings.
FORM/06INDEX ARCHIVE ABOUT
A CURATED INTERFACE STUDYFORM
FORM
follows
FEELING.
A visual field for ideas
that deserve a second look.
Aa
01 SEE THE PAGE→02 READ THE ELEMENT→03 COPY THE RECIPE
[ 01 — WHY TRACE ]
Built for people
who notice two pixels.
A reference should become
something you can use.
TRACE separates what you see into type, color, effects and motion, then gives you the exact recipe behind it.
[ 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
SECURE CHECKOUT IN THE TRACE EXTENSION · EXPLICIT CONFIRMATION REQUIRED
[ 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 is $1.99/month or $19.99/year when available inside the extension; installing TRACE never starts a charge.