# Agent Brief. build in the style of cardgrade.io

> Machine-extracted from a live on-demand funnel teardown (2026-10-31). 100% facts —
> measured tokens, detected patterns, harvested proof strings. No LLM interpretation.
> Measured from a 4-step funnel walk.
> Tokens: `tokens.json` / `tailwind.css`.

**Funnel:** Homepage / Lander → Features → Pricing → Compare

## Palette (area-weighted from live CSS)
| Hex | Usage | Likely role |
|-----|------:|-------------|
| `#07101f` | 59.2% | support |
| `#ffffff` | 31.1% | background |
| `#020617` | 4% | support |
| `#eab308` | 2.4% | accent/brand |
| `#0a0a0f` | 0.8% | support |
| `#000000` | 0.8% | support |
| `#13264d` | 0.8% | support |
| `#facc15` | 0.7% | accent/brand |

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

## Type
- Display: `dmSans`
- Body: `dmSans`
- Size scale (px): 10, 11, 12, 13, 14, 16, 18, 20, 24, 30, 36, 48
- Radius (px): 8, 12, 16, 22, 28, 9999

## Patterns detected (fact-based). 6/11
- **Us-vs-them comparison**. A comparison table framing the brand against alternatives.
- **FAQ / objection handling**. An accordion / FAQ block answering objections.
- **Proof above the fold**. Social proof rendered within the first viewport on at least one step.
- **Trusted-by logo wall**. Customer/company logos or a "trusted by / used by" claim.
- **Pricing tiers**. Named plan tiers with per-month / per-seat pricing.
- **Demo / docs entry**. A "book a demo" or documentation / API entry point.

## Proof language (harvested strings → templates)
- `{X}★`. e.g. "4.8★"
- `Save {N}%`. e.g. "Save 50%"

## Funnel facts
- Depth reached: 4 step(s)
- Proof points: 2 across 4 step(s)
- Discount/anchor pricing: yes · Countdown: no · Subscription: yes

## To replicate
Match the palette + type tokens above and deploy the detected patterns. Measured from a 4-step funnel walk.