UXXRAY · facts, not opinions
Above-the-fold capture of modal.com
their above-the-fold, as captured

UXXRAY · Teardown dossier

modal.com

modal-com-2026-07-09-desktop

saas · desktop · 2026-07-09

70 /100

Partial ★★★☆☆ 5 measured categories

Score breakdown

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

The funnel, frame by frame

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

Homepage / Lander

4 tactics

$30

Logo wallUsage proofPricing tiersDemo / docs
Pricing
02

Pricing

▲ strongest
5 tactics

$0.00 +10 more

ComparisonFAQTrust badgesPricing tiersDemo / docs
Signup
03

Signup

▼ thinnest
0 tactics

$30

no named tactics detected on this step

Why it scores what it does

the score explained category by category — expand any for the on-page language they usemeasured

Modal scores 70/100 — partial evidence coverage. Strong on offer clarity, trust & proof, and friction reduction; thin on action path. Expand any category for the on-page language.

Offer clarityhighpricing tiers
  • Pricing tiers
Trust & proofhightrusted-by logo wall and usage / adoption proof
  • Trusted-by logo walltrusted-by / logo cloud
  • Usage / adoption proof
Value reinforcementhighus-vs-them comparison and usage / adoption proof
  • Us-vs-them comparison
  • Usage / adoption proof
Friction reductionhighFAQ / objection handling
  • FAQ / objection handling

Not detected — free trial / freemium — 15 of 20 teardowns run free trial / freemium.

Action pathlowdemo / docs entry
  • Demo / docs entry

Not detected — proof above the fold, free trial / freemium, and lead-capture form — 15 of 20 teardowns run free trial / freemium.

Their design system

palette by on-page usage · type rendered live · the radius scalemeasured
full palette ordered by on-page usage %
primary#def0dd
accent#def0dd
bg#def0dd
surface#def0dd
text#ddffdc
accent

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

the roles, doing their job
The quick brown fox54px
Jumps over the lazy dog42px
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
4px
8px
11px
12px
19px
25px

Build brief — copy for your agent

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

## Palette (area-weighted from live CSS)
| Hex | Usage | Likely role |
|-----|------:|-------------|
| `#000000` | 50% | support |
| `#def0dd` | 32.1% | background |
| `#181818` | 16.6% | support |
| `#212525` | 0.8% | support |
| `#7fee64` | 0.3% | accent/brand |
| `#91c8ef` | 0.1% | support |
| `#07b976` | 0% | accent/brand |
| `#ff8de6` | 0% | accent/brand |

Curated roles: `primary=#def0dd` · `accent=#def0dd` · `bg=#def0dd` · `surface=#def0dd` · `text=#ddffdc`

## Type
- Display: `Goga`
- Body: `Inter Variable`
- Size scale (px): 12, 14, 16, 20, 21, 24, 28, 30, 36, 40, 42, 54
- Radius (px): 4, 8, 11, 12, 19, 25

## Patterns detected (fact-based) — 6/9
- **Us-vs-them comparison** — A comparison table framing the brand against alternatives. _(p2: comparison table)_
- **FAQ / objection handling** — An accordion / FAQ block answering objections. _(p2: FAQ/accordion)_
- **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. _(home: usage/adoption count)_
- **Pricing tiers** — Named plan tiers with per-month / per-seat pricing. _(home: pricing tiers; p2: pricing tiers)_
- **Demo / docs entry** — A "book a demo" or documentation / API entry point. _(home: demo / docs; p2: 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: no
- 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.