UXXRAY · Teardown dossier
vpn.com
vpn-com-2026-07-09-desktop
65 /100
Partial
★★★☆☆
3 measured categories
Score breakdown
- Action path 7/7
- Friction reduction 6/6
- Value reinforcement 0/7
The funnel, frame by frame
see their whole funnel without clicking through it — scored step by stepmeasured
Why it scores what it does
the score explained category by category — expand any for the on-page language they usemeasuredVpn scores 65/100 — partial evidence coverage. Strong on action path and friction reduction; thin on value reinforcement. Expand any category for the on-page language.
Action pathhighproof above the fold
- Proof above the fold
Friction reductionhighFAQ / objection handling
- FAQ / objection handling
Value reinforcementnoneno signals detected
Not detected — us-vs-them comparison.
Their design system
palette by on-page usage · type rendered live · the radius scalemeasuredfull palette ordered by on-page usage %
primary#2663eb
accent#2663eb
bg#ffffff
surface#f8fafc
text#0f172a
accent
Body copy in their text role, on a surface card.
the roles, doing their job
The quick brown fox72px
Jumps over the lazy dog40px
A subheading in their voice36px
Body copy set at their measured paragraph size. This is how their product reads to a first-time visitor — same family, same scale, same weight.
- List item one, at body scale
- List item two
- List item three
5px
6px
8px
10px
12px
Build brief — copy for your agent
the whole teardown as one grounded spec: tokens · proof language · detected tactics · funnel facts# Agent Brief — build in the style of vpn.com
> Machine-extracted from a live funnel teardown (2026-07-09). 100% facts — measured
> tokens, detected patterns, harvested proof strings. No LLM interpretation.
> Tokens: `tokens.json` / `tailwind.css`.
**Category (label):** —
**Funnel:** Homepage / Lander → Best Vpn For Streaming → Nordvpn Coupon
## Palette (area-weighted from live CSS)
| Hex | Usage | Likely role |
|-----|------:|-------------|
| `#ffffff` | 71.9% | background |
| `#2663eb` | 11.5% | accent/brand |
| `#f8fafc` | 9.5% | background |
| `#a855f7` | 4.8% | accent/brand |
| `#dcfce7` | 1.5% | background |
| `#0a0a0a` | 0.8% | support |
Curated roles: `primary=#2663eb` · `accent=#2663eb` · `bg=#ffffff` · `surface=#f8fafc` · `text=#0f172a`
## Type
- Display: `ui-serif`
- Body: `ui-sans-serif`
- Size scale (px): 11, 12, 14, 16, 17, 18, 24, 36, 40, 72
- Radius (px): 5, 6, 8, 10, 12
## Patterns detected (fact-based) — 2/3
- **FAQ / objection handling** — An accordion / FAQ block answering objections. _(s2: FAQ/accordion)_
- **Proof above the fold** — Social proof rendered within the first viewport on at least one step. _(s2: proof in first viewport)_
## Proof language (harvested strings → templates)
- `{N}-day money-back guarantee` — e.g. "30-day money-back guarantee"
- `{N}% off` — e.g. "68% off"
## Funnel facts
- Depth reached: 2 steps
- Proof points: 2 across 1 steps
- Free-gift line items (max on a step): 0
- Discount/anchor pricing: yes · Countdown: no · Subscription: yes
- Price continuity lander→checkout: not detected
## To replicate
Match the palette + type tokens above, deploy the detected patterns at the same funnel positions, and reuse the proof-language templates with your own numbers.