Component hub
Every UI component in components.js, rendered live with real teardown data (ryzesuperfoods.com). Pages are composed from these — or not built. Styling comes from brand.css → app.css.
HeaderSectionHeadResultCardDeviceToggleDiffCalloutCodeTabsSpecimenHeroScoreRubricPaletteSectionTypeSpecimenRadiusRowOfferReconstructionFunnelMapStepDeepDiveTacticsGridProofBankBuildBriefCorpusPatternsDisabledLLM
HeaderSitewide nav + "new teardown" widget. Rendered on every page.SectionHead(title, blurb)Section title with an optional muted blurb.Example section
a short blurb explaining itResultCard({domain,score,primary,favicon,href})Reusable card: favicon + slug + /100 score + brand-color accent + stars. The League is a grid of these.DeviceToggle(site)Desktop / Mobile switch (drives the funnel section).DiffCallout(site)Measured desktop↔mobile differences.Desktop ↔ Mobile differences
what the site hides / shows by device — measuredTactics detected🖥 12 · 📱 9 (Δ 3)
Proof points🖥 11 · 📱 9 (Δ 2)
Avg font size (px)🖥 22 · 📱 18 (Δ 4)
Checkout fields🖥 24 · 📱 22 (Δ 2)
Desktop-only 🖥Stacked free giftsSubscription / auto-shipExpress wallets
CodeTabs(slug, tabs)Tabbed, copyable code panes (tokens / tailwind / brief).{
"$description": "Design tokens extracted from ryzesuperfoods.com funnel (2026-07-07). Roles curated; palette from computed CSS.",
"color": {
"primary": {
"$value": "#ca5839",
"$type": "color"
},
"accent": {
"$value": "#f3d7c9",
"$type": "color"
},
"bg": {
"$value": "#fcfbf3",
"$type": "color"
},
"surface": {
"$value": "#f9SpecimenHero(t, {asset})Full-bleed share-shot: brand gradient + favicon + hex fingerprint + stat rail + step filmstrip.ScoreRubric(t)The /100 Evidence Coverage Score broken into its 6 deterministic categories, each with the signals that earned it.80/100
★★★★★
Strong evidence coverage
Offer clarity18/20
Anchor / strikethrough pricingPer-unit price anchorFree shippingSubscription / auto-ship
Action path13/20
Proof above the foldExpress wallets
Trust & proof17/20
Proof at every stepOn-page review wallMoney-back guarantee
Friction reduction15/15
FAQ / objection handlingExpress walletsFree shipping
Value reinforcement9/15
Stacked free giftsPer-unit price anchor
Risk reversal & urgency10/10
Money-back guaranteeCountdown / urgency timer
Evidence Coverage Score: deterministic points across a fixed 6-category conversion rubric (Offer 20 · Action 20 · Trust 20 · Friction 15 · Value 15 · Risk/Urgency 10 = 100), each capped so no single area dominates. Every point traces to an on-page evidence string. It measures coverage, not quality — no opinions, no predictions.
PaletteSection(t)Full palette by on-page usage % + role swatches shown "doing their job".full palette ordered by on-page usage %
primary#ca5839
accent#f3d7c9
bg#fcfbf3
surface#f9f1e9
text#2a2320
accent
Body copy in their text role, on a surface card.
the roles, doing their job
TypeSpecimen(t)Live specimen of the brand's own type system: h1/h2/h3/p/list/buttons(states) + size scale + weights.The quick brown fox64px
Jumps over the lazy dog48px
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
RadiusRow(t)The detected corner-radius scale, drawn.2px
4px
6px
8px
12px
14px
16px
24px
36px
50px
OfferReconstruction(t)Their pricing rebuilt as an exhibit in their own styling — or an honest empty-state. Never fabricates.RECONSTRUCTION — rebuilt from extracted facts
$45 $115 $80$30.5040% OFF
$57.40$27$45
One-timeSubscribe
FREEBEST VALUE FREE GIFTS · FREE GIFTS
source: step 2 · Product page (Mushroom Coffee) — every value extracted, nothing invented
FunnelMap(steps, {asset,deviceId})Overview: device-framed step screenshots, connected, numbered — anchors to the deep dive.StepDeepDive(steps, {asset,deviceId})Detail: per-step screenshot + the facts on it as badge clusters.TacticsGrid(patterns)Applicable tactics as a grid (detected = tinted, absent = ghost); detected cells expand to evidence.✓Proof at every step3×
home: 211,536 Reviews pdp: 211,536 Reviews checkout: 150,000+ Reviews
✓Stacked free gifts2×
checkout: FREE Mushroom Magnet checkout: FREE Spoon & Scoop
✓Countdown / urgency timer3×
home: countdown present pdp: countdown present cart: countdown present
✓Anchor / strikethrough pricing4×
home: 40% OFF pdp: $45 / $115 / $80 / 40% OFF cart: $45 / $80 / 40% OFF checkout: $45.00 / $115.00
✓Subscription / auto-ship
checkout: every 30 Days
✓Per-unit price anchor
pdp: per-unit price shown
·Us-vs-them comparison
✓On-page review wall3×
home: review wall pdp: review wall cart: review wall
✓Express wallets
checkout: express wallet buttons
✓Free shipping2×
pdp: free shipping checkout: free shipping
✓Money-back guarantee3×
home: 30-Day Money Back Guarantee pdp: 30-Day Money Back Guarantee checkout: 30-Day Guarantee
✓FAQ / objection handling3×
home: FAQ/accordion pdp: FAQ/accordion cart: FAQ/accordion
✓Proof above the fold3×
home: proof in first viewport pdp: proof in first viewport checkout: proof in first viewport
ProofBank(proof)Harvested proof strings → reusable templates.{N} Reviews — 211,536 Reviews · 150,000+ Reviews (1)
{X} out of 5 — 4.8 out of 5 (1)
{N}-Day Money Back Guarantee — 30-Day Money Back Guarantee · 30-Day Guarantee (1)
{N}% OFF — 40% OFF (1)
Free shipping — Free shipping (1)
LIMITED TIME — LIMITED TIME (1)
Over {N} Shipped — Over 1M Shipped (1)
TOTAL SAVINGS ${N} — TOTAL SAVINGS $18.00 (1)
BuildBrief(t, slug)Agent-ready export bundle (tokens / tailwind / brief), copyable.Build brief — copy for your agent
the whole teardown as one grounded spec: tokens · proof language · detected tactics · funnel facts# Agent Brief — build in the style of ryzesuperfoods.com
> Machine-extracted from a live funnel teardown (2026-07-07). 100% facts — measured
> tokens, detected patterns, harvested proof strings. No LLM interpretation.
> Tokens: `tokens.json` / `tailwind.css`.
**Category (label):** Mushroom coffee / functional superfood (subscription)
**Funnel:** Homepage / Lander → Product page (Mushroom Coffee) → Cart → Checkout
## Palette (area-weighted from live CSS)
| Hex | Usage | Likely role |
|-----|------:|-------------|
| `#f9f1e9` | 39.7% | background |
| `#fcfbf3` | 22.2% | background |
| `#ffffff` | 19.2% | background |
| `#f5f0eb` | 6.4% | background |
| `#f5f0ec` | 6.3% | background |
| `#ca5839` | 2.4% | accent/brand |
| `#f9f0e9` | 1.4% | background |
| `#ca583a` | 1.1% | accent/brand |
Curated roles: `primary=#ca5839` · `accent=#f3d7c9` · `bg=#fcfbf3` · `surface=#f9f1e9` · `text=#2a2320`
## Type
- Display: `Sofia Pro`
- Body: `Sofia Pro`
- Size scale (px): 12, 16, 18, 20, 22, 24, 32, 36, 40, 48, 64
- Radius (px): 2, 4, 6, 8, 12, 14, 16, 24, 36, 50
## Patterns detected (fact-based) — 12/13
- **Proof at every step** — Social proof (reviews / ratings / counts) present across most funnel steps. _(home: 211,536 Reviews; pdp: 211,536 Reviews; checkout: 150,000+
Reviews)_
- **Stacked free gifts** — Two or more $0 / FREE line items on the cart or checkout step. _(checkout: FREE Mushroom Magnet; checkout: FREE Spoon & Scoop)_
- **Countdown / urgency timer** — A visible countdown timer creating time pressure. _(home: countdown present; pdp: countdown present; cart: countdown present)_
- **Anchor / strikethrough pricing** — A struck-through original price or an "X% off" claim. _(home: 40% OFF; pdp: $45 / $115 / $80 / 40% OFF; cart: $45 / $80 / 40% OFF)_
- **Subscription / auto-ship** — A recurring delivery interval detected on the cart or checkout step. _(checkout: every 30 Days)_
- **Per-unit price anchor** — Price reframed per serving / day / use to shrink perceived cost. _(pdp: per-unit price shown)_
- **On-page review wall** — An embedded wall of customer reviews. _(home: review wall; pdp: review wall; cart: review wall)_
- **Express wallets** — One-tap wallets (Shop Pay / PayPal / G Pay) offered. _(checkout: express wallet buttons)_
- **Free shipping** — Free shipping / delivery surfaced in the funnel. _(pdp: free shipping; checkout: free shipping)_
- **Money-back guarantee** — An N-day / money-back guarantee stated. _(home: 30-Day Money Back Guarantee; pdp: 30-Day Money Back Guarantee; checkout: 30-Day Guarantee)_
- **FAQ / objection handling** — An accordion / FAQ block answering objections. _(home: FAQ/accordion; pdp: FAQ/accordion; cart: FAQ/accordion)_
- **Proof above the fold** — Social proof rendered within the first viewport on at least one step. _(home: proof in first viewport; pdp: proof in first viewport; checkout: proof in first viewport)_
## Proof language (harvested strings → templates)
- `{N} Reviews` — e.g. "211,536 Reviews", "150,000+ Reviews"
- `{X} out of 5` — e.g. "4.8 out of 5"
- `{N}-Day Money Back Guarantee` — e.g. "30-Day Money Back Guarantee", "30-Day Guarantee"
- `{N}% OFF` — e.g. "40% OFF"
- `Free shipping` — e.g. "Free shipping"
- `LIMITED TIME` — e.g. "LIMITED TIME"
- `Over {N} Shipped` — e.g. "Over 1M Shipped"
- `TOTAL SAVINGS ${N}` — e.g. "TOTAL SAVINGS $18.00"
## Funnel facts
- Depth reached: 4 steps
- Proof points: 11 across 4 steps
- Free-gift line items (max on a step): 2
- Discount/anchor pricing: yes · Countdown: yes · Subscription: yes
- Price continuity lander→checkout: yes ($27.00, $57.60, $36.00)
## 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.
CorpusPatterns(patterns, N)Cross-site tactic frequency, grouped by taxonomy (index page).Proof & Trust
Reviews, ratings, guarantees, credibility.Proof at every step 1/1 sites
Social proof (reviews / ratings / counts) present across most funnel steps.
On-page review wall 1/1 sites
An embedded wall of customer reviews.
Money-back guarantee 1/1 sites
An N-day / money-back guarantee stated.
Proof above the fold 1/1 sites
Social proof rendered within the first viewport on at least one step.
Offer & Pricing
Prices, discounts, anchors, subscription, shipping.Anchor / strikethrough pricing 1/1 sites
A struck-through original price or an "X% off" claim.
Subscription / auto-ship 1/1 sites
A recurring delivery interval detected on the cart or checkout step.
Per-unit price anchor 1/1 sites
Price reframed per serving / day / use to shrink perceived cost.
Free shipping 1/1 sites
Free shipping / delivery surfaced in the funnel.
Incentives
Free gifts and stacked add-on value.Stacked free gifts 1/1 sites
Two or more $0 / FREE line items on the cart or checkout step.
Urgency & Scarcity
Countdowns and time pressure.Countdown / urgency timer 1/1 sites
A visible countdown timer creating time pressure.
Objection Handling
FAQ, comparison, education.FAQ / objection handling 1/1 sites
An accordion / FAQ block answering objections.
Checkout & Friction
Wallets, fields, price continuity.Express wallets 1/1 sites
One-tap wallets (Shop Pay / PayPal / G Pay) offered.
DisabledLLM(t)Quarantined LLM scorecard, off by default.


