UXXRAY · facts, not opinions
◉ All x-rays
Above-the-fold capture of windsurf.com
their above-the-fold, as captured

UXXRAY · Teardown dossier

windsurf.com

windsurf-com-2026-07-09-desktop

saas · desktop · 2026-07-09

85 /100

Strong ★★★★☆ brand avg across funnels desktop 85 · mobile 85 → avg

Score breakdown

  • Offer clarity 8/8
  • Action path 18/20
  • Trust & proof 11/11
  • Friction reduction 10/10
  • Value reinforcement 3/10

The funnel, frame by frame

see their whole funnel without clicking through it — scored step by stepmeasured
Homepage / Lander
01

Homepage / Lander

▲ strongest
6 tactics

$0 +4 more  ·  subscription

SubscriptionFAQTrust badgesLogo wallPricing tiersDemo / docs
Customers
02

Customers

3 tactics
ReviewsFAQUsage proof
Pricing
03

Pricing

▼ thinnest
3 tactics

$0 +4 more

FAQFree trialPricing tiers

Offer

how clearly they present the deal and its valuemeasured
8/8highpoints earned
  • Pricing tiers

Action

the path to convert — CTA, sign-up, checkoutmeasured
18/20highpoints earned
  • Proof above the fold
  • Free trial / freemiumfree trial / no credit card
  • Demo / docs entry

Not detected: lead-capture form.

Trust

proof, social proof, and credibilitymeasured
11/11highpoints earned
  • Trusted-by logo walltrusted-by / logo cloud
  • Usage / adoption proof

Friction

objections answered, barriers removedmeasured
10/10highpoints earned
  • FAQ / objection handling
  • Free trial / freemiumfree trial / no credit card

Value

why it’s worth it — comparison and reinforcementmeasured
3/10partialpoints earned
  • Usage / adoption proof

Not detected: us-vs-them comparison.

Brand kit

palette by on-page usage · type rendered live · the radius scalemeasured
full palette ordered by on-page usage %
primary#1d2e56
accent#1d2e56
bg#f7f6f5
surface#ffffff
text#191919
accent

Body copy in their text role, on a surface card.

the roles, doing their job
The quick brown fox80px
Jumps over the lazy dog64px
A subheading in their voice40px

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
2px
4px
6px
8px
10px
12px
13px
15px
16px
50px

Build brief — copy for your agent

the whole teardown as one grounded spec: tokens · proof language · detected tactics · funnel facts
windsurf.com · 7/9 tactics · 0 proof templates · tokens ✓ 
# Agent Brief — build in the style of windsurf.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 → Customers → Pricing

## Palette (area-weighted from live CSS)
| Hex | Usage | Likely role |
|-----|------:|-------------|
| `#f7f6f5` | 43.8% | background |
| `#000000` | 22% | support |
| `#ffffff` | 19.9% | background |
| `#1d2e56` | 3.2% | support |
| `#fcfcfc` | 3.1% | background |
| `#efefef` | 1.9% | background |
| `#121111` | 1.8% | support |
| `#f8f8f8` | 1.4% | background |

Curated roles: `primary=#1d2e56` · `accent=#1d2e56` · `bg=#f7f6f5` · `surface=#ffffff` · `text=#191919`

## Type
- Display: `NB International Pro`
- Body: `NB International Pro`
- Size scale (px): 11, 12, 13, 14, 15, 16, 20, 32, 40, 64, 80
- Radius (px): 2, 4, 6, 8, 10, 12, 13, 15, 16, 50

## Patterns detected (fact-based) — 7/9
- **FAQ / objection handling** — An accordion / FAQ block answering objections. _(home: FAQ/accordion; p2: FAQ/accordion; p3: FAQ/accordion)_
- **Proof above the fold** — Social proof rendered within the first viewport on at least one step. _(home: proof in first viewport)_
- **Free trial / freemium** — A free trial, free tier, or "no credit card" entry offer. _(p3: free trial / no credit card)_
- **Trusted-by logo wall** — Customer/company logos or a "trusted by / used by" claim. _(home: trusted-by / logo cloud)_
- **Usage / adoption proof** — A count of developers / teams / companies / stars using the product. _(p2: usage/adoption count)_
- **Pricing tiers** — Named plan tiers with per-month / per-seat pricing. _(home: pricing tiers; p3: pricing tiers)_
- **Demo / docs entry** — A "book a demo" or documentation / API entry point. _(home: demo / docs)_

## Proof language (harvested strings → templates)
- _(none extracted)_

## Funnel facts
- Depth reached: 3 steps
- Proof points: 0 across 0 steps
- Free-gift line items (max on a step): 0
- Discount/anchor pricing: no · 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.