UXXRAY · facts, not opinions Browse x-rays →
Above-the-fold capture of costbase.co
their above-the-fold, as captured

UXXRAY · Teardown dossier ◉ scanned Jul 13, 2026

costbase.co

saas · desktop

Biggest quick win

Smallest body text is 10px (base ~12px) — below the ~16px readable floor. Keep body copy ≥15–16px; reserve sub-13px for fine print only.

40 /100

Thin ★★☆☆☆ brand avg across funnels

Score breakdown

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

The funnel, frame by frame

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

Homepage / Lander

2 tactics

$895.16 +4 more

FAQTrust badges
Pricing
02

Pricing

▲ strongest
3 tactics

$50 +4 more  ·  SAVE 20%  ·  1 proof point

Trust badgesFree trialPricing tiers
Demo
03

Demo

▼ thinnest
2 tactics

$168.96 +21 more

Trust badgesFree trial

Offer

how clearly they present the deal and its valuemeasured
8/8highpoints earned
  • Pricing tiersfree, $15/mo, $19/mo

Action

the path to convert — CTA, sign-up, checkoutmeasured
6/20partialpoints earned
  • Free trial / freemiumfree trialStart free

Not detected: proof above the fold, lead-capture form, and demo / docs entry.

Trust

proof, social proof, and credibilitymeasured
0/11nonepoints earned

No signals detected for this category on the captured funnel.

Not detected: trusted-by logo wall and usage / adoption proof.

Friction

objections answered, barriers removedmeasured
10/10highpoints earned
  • FAQ / objection handling
  • Free trial / freemiumfree trialStart free

Value

why it’s worth it — comparison and reinforcementmeasured
0/10nonepoints earned

No signals detected for this category on the captured funnel.

Not detected: us-vs-them comparison and usage / adoption proof.

UX signals

measured UX quality — contrast · mobile · type · a11y · layoutmeasured
Minor
1 flag · 5 checks

Measured UX quality — flags, not opinions. Deterministic, evidence-backed, and kept separate from the conversion score.

Readability & contrast

WCAG AA on measurable text — worst offenders quoted, never a fail we can’t compute.
GOODText contrast (WCAG AA)

100% of measurable text passes WCAG AA.

Mobile & tap targets

Responsive viewport + touch-target sizes where it matters.
GOODMobile viewport

Responsive viewport meta is present.

Typography

Body size, line-height, line length — is the pitch actually readable?
NEEDS WORKBody text size

Smallest body text is 10px (base ~12px) — below the ~16px readable floor.

Keep body copy ≥15–16px; reserve sub-13px for fine print only.

NOTELine length

16 paragraphs run past ~95 characters per line.

Cap measure at ~60–75ch for comfortable reading.

Accessibility hygiene

Language, alt text, form labels, named controls, headings, link clarity.
GOODLanguage declared

html[lang] is set for screen readers.

Next move

Now line it up against a competitor.

Paste any URL. We’ll run the same scan, the same rubric, and put the two funnels side by side — category by category, all measured.

Live scan · 15–25 sec · same rubric · nothing is guessed

Brand kit

palette by on-page usage · type rendered livemeasured
full palette ordered by on-page usage %
primary#22d3ee
accent#22d3ee
bg#ffffff
surface#ffffff
text#ffffff
accent

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

the roles, doing their job
The quick brown fox48px
Jumps over the lazy dog24px
A subheading in their voice20px

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

Teardown report — copy for your LLM

the full evidence-based read: what this funnel does well, where it is thin, and the on-page proof for each — paste into any agent to learn from
costbase.co · 3/9 tactics · 1 proof templates · evidence-backed
# Agent Brief — build in the style of costbase.co

> Machine-extracted from a live on-demand funnel teardown (2026-07-13). 100% facts —
> measured tokens, detected patterns, harvested proof strings. No LLM interpretation.
> Single-page capture (MVP): homepage/landing page only, no funnel walk.
> Tokens: `tokens.json` / `tailwind.css`.

**Category (label):** —
**Funnel:** Homepage / Lander → Pricing → Demo

## Palette (area-weighted from live CSS)
| Hex | Usage | Likely role |
|-----|------:|-------------|
| `#ffffff` | 94.4% | background |
| `#8b5cf6` | 3.6% | accent/brand |
| `#22d3ee` | 1.2% | accent/brand |
| `#3f3f46` | 0.8% | support |
| `#a78bfa` | 0% | accent/brand |
| `#2dd4bf` | 0% | accent/brand |

Curated roles: `primary=#22d3ee` · `accent=#22d3ee` · `bg=#ffffff` · `surface=#ffffff` · `text=#ffffff`

## Type
- Display: `Geist`
- Body: `Geist`
- Size scale (px): 10, 11, 12, 13, 14, 15, 20, 24, 48
- Radius (px): 1, 2, 4, 6, 12, 33554400

## Patterns detected (fact-based) — 3/9
- **FAQ / objection handling** — An accordion / FAQ block answering objections. _(home: FAQ)_
- **Free trial / freemium** — A free trial, free tier, or "no credit card" entry offer. _(pricing: free trial; p3: Start free)_
- **Pricing tiers** — Named plan tiers with per-month / per-seat pricing. _(pricing: free, $15/mo, $19/mo)_

## Proof language (harvested strings → templates)
- `SAVE {N}%` — e.g. "SAVE 20%"

## Funnel facts
- Depth reached: 3 step(s) (single-page MVP capture)
- Proof points: 1 across 1 step(s)
- Discount/anchor pricing: yes · Countdown: no · Subscription: no

## To replicate
Match the palette + type tokens above and deploy the detected patterns. This is a single-page capture — no cart/checkout tactics were evaluated.