# Agent Brief — build in the style of fitbit.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 → Product page → Cart → Checkout

## Palette (area-weighted from live CSS)
| Hex | Usage | Likely role |
|-----|------:|-------------|
| `#ffffff` | 49.1% | background |
| `#f9f9f9` | 41.3% | background |
| `#effffe` | 2.2% | background |
| `#f9f7f4` | 2.1% | background |
| `#e0e4f3` | 1.4% | background |
| `#f9fafc` | 0.9% | background |
| `#fdfaf7` | 0.4% | background |
| `#e7ebf3` | 0.4% | background |

Curated roles: `primary=#e0e4f3` · `accent=#e0e4f3` · `bg=#ffffff` · `surface=#f9f9f9` · `text=#191c1d`

## Type
- Display: `Google Sans Flex`
- Body: `Google Sans Flex`
- Size scale (px): 10, 11, 12, 14, 16, 20, 32, 40, 48, 60
- Radius (px): 4, 8, 20, 28, 32, 50

## Patterns detected (fact-based) — 3/13
- **Us-vs-them comparison** — A comparison table framing the brand against alternatives. _(home: comparison table; pdp: comparison table)_
- **Free shipping** — Free shipping / delivery surfaced in the funnel. _(home: free shipping; pdp: free shipping)_
- **FAQ / objection handling** — An accordion / FAQ block answering objections. _(pdp: FAQ/accordion)_

## Proof language (harvested strings → templates)
- `Free shipping` — e.g. "Free shipping"

## Funnel facts
- Depth reached: 2 steps
- Proof points: 1 across 2 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.