{
  "schema_version": "1.0",
  "generated_at": "2026-07-18T02:19:49.109Z",
  "slug": "tanstarter-dev",
  "domain": "tanstarter.dev",
  "funnel_type": "affiliate",
  "crawler": null,
  "provenance": {
    "facts": "measured",
    "design_tokens": "measured",
    "proof_language": "measured",
    "ux": "measured",
    "steps": "measured",
    "screenshots": "measured",
    "favicon": "measured",
    "score": "derived_deterministic",
    "agent_brief": "rendered_summary",
    "playbooks": "derived_deterministic"
  },
  "score": {
    "source_type": "derived_deterministic",
    "score": 65,
    "band": "Partial",
    "stars": 3,
    "categories": [
      {
        "id": "offer",
        "label": "Offer clarity",
        "pts": 7,
        "cap": 7
      },
      {
        "id": "action",
        "label": "Action path",
        "pts": 7,
        "cap": 13
      },
      {
        "id": "trust",
        "label": "Trust & proof",
        "pts": 11,
        "cap": 16
      },
      {
        "id": "friction",
        "label": "Friction reduction",
        "pts": 6,
        "cap": 6
      },
      {
        "id": "value",
        "label": "Value reinforcement",
        "pts": 3,
        "cap": 10
      },
      {
        "id": "urgency",
        "label": "Risk reversal & urgency",
        "pts": 0,
        "cap": 0
      }
    ]
  },
  "percentile": {
    "corpus_n": 231,
    "beats_pct": 87,
    "cohort": null
  },
  "devices_available": [
    "desktop"
  ],
  "funnels": [
    {
      "device": "desktop",
      "funnel_sig": null,
      "score": 65,
      "band": "Partial",
      "funnel_depth": 1,
      "captured_at": "2026-07-13",
      "crawler": null
    }
  ],
  "facts": {
    "source_type": "measured",
    "profile": {
      "funnel_type": "affiliate",
      "score": {
        "score": 65,
        "band": "Partial",
        "stars": 3,
        "categories": [
          {
            "id": "offer",
            "label": "Offer clarity",
            "pts": 7,
            "cap": 7
          },
          {
            "id": "action",
            "label": "Action path",
            "pts": 7,
            "cap": 13
          },
          {
            "id": "trust",
            "label": "Trust & proof",
            "pts": 11,
            "cap": 16
          },
          {
            "id": "friction",
            "label": "Friction reduction",
            "pts": 6,
            "cap": 6
          },
          {
            "id": "value",
            "label": "Value reinforcement",
            "pts": 3,
            "cap": 10
          },
          {
            "id": "urgency",
            "label": "Risk reversal & urgency",
            "pts": 0,
            "cap": 0
          }
        ]
      },
      "funnel_depth": 1,
      "proof_points": 0,
      "proof_steps": 0,
      "components_present": 3,
      "free_gifts": 0,
      "discount_present": true,
      "has_countdown": false,
      "subscription_detected": true,
      "checkout_form_fields": 0,
      "price_continuity": {
        "continuous": false,
        "shared": []
      },
      "tactics_detected": 5,
      "tactics_total": 8,
      "checkout_reached": null
    },
    "patterns": [
      {
        "id": "affiliate_disclosure",
        "label": "Affiliate disclosure",
        "category": "proof",
        "present": false,
        "count": 0,
        "evidence": []
      },
      {
        "id": "comparison_table",
        "label": "Us-vs-them comparison",
        "category": "objection",
        "present": false,
        "count": 0,
        "evidence": []
      },
      {
        "id": "faq_objection",
        "label": "FAQ / objection handling",
        "category": "objection",
        "present": true,
        "count": 1,
        "evidence": [
          "home: What do I get exactly?"
        ]
      },
      {
        "id": "outbound_offer",
        "label": "Outbound offer CTAs",
        "category": "checkout",
        "present": false,
        "count": 0,
        "evidence": []
      },
      {
        "id": "proof_above_fold",
        "label": "Proof above the fold",
        "category": "proof",
        "present": true,
        "count": 1,
        "evidence": [
          "home: proof in first viewport"
        ]
      },
      {
        "id": "ranked_list",
        "label": "Ranked \"best of\" list",
        "category": "offer",
        "present": true,
        "count": 1,
        "evidence": [
          "home: ranked list"
        ]
      },
      {
        "id": "trusted_by_logos",
        "label": "Trusted-by logo wall",
        "category": "proof",
        "present": true,
        "count": 1,
        "evidence": [
          "home: logos: TanStarter logo, Customer 1, Customer 2, Customer 3, Customer 4"
        ]
      },
      {
        "id": "usage_proof",
        "label": "Usage / adoption proof",
        "category": "proof",
        "present": true,
        "count": 1,
        "evidence": [
          "home: 3000+ members"
        ]
      }
    ]
  },
  "design_tokens": {
    "source_type": "measured",
    "summary": {
      "roles": {
        "primary": "#ffffff",
        "accent": "#ffffff",
        "bg": "#ffffff",
        "surface": "#ffffff",
        "text": "#000000"
      },
      "font": {
        "display": "Bricolage Grotesque",
        "body": "Bricolage Grotesque",
        "families": [
          {
            "family": "Bricolage Grotesque",
            "chars": 9437
          },
          {
            "family": "ui-monospace",
            "chars": 298
          }
        ]
      },
      "type_scale": [
        11,
        12,
        13,
        14,
        16,
        18,
        20,
        24,
        30,
        36,
        60,
        64
      ],
      "weights": [
        400,
        500,
        600,
        700
      ],
      "base_size": 17,
      "min_size": 11,
      "radius_scale": [
        4,
        8,
        10,
        14,
        18,
        33554400
      ],
      "palette": [
        {
          "hex": "#ffffff",
          "usage_pct": 100,
          "lum": 1,
          "chroma": 0
        }
      ]
    }
  },
  "proof_language": [],
  "ux": {
    "summary": {
      "flags": 2,
      "unknown": 0,
      "posture": "Minor",
      "checks_total": 7
    },
    "checks": [
      {
        "group": "contrast",
        "label": "Text contrast (WCAG AA)",
        "verdict": "good",
        "fact": "100% of measurable text passes WCAG AA."
      },
      {
        "group": "mobile",
        "label": "Mobile viewport",
        "verdict": "good",
        "fact": "Responsive viewport meta is present."
      },
      {
        "group": "type",
        "label": "Body text size",
        "verdict": "needs_work",
        "fact": "Smallest body text is 11px (base ~18px) — below the ~16px readable floor.",
        "fix": "Keep body copy ≥15–16px; reserve sub-13px for fine print only."
      },
      {
        "group": "type",
        "label": "Line length",
        "verdict": "note",
        "fact": "3 paragraphs run past ~95 characters per line.",
        "fix": "Cap measure at ~60–75ch for comfortable reading."
      },
      {
        "group": "a11y",
        "label": "Language declared",
        "verdict": "good",
        "fact": "html[lang] is set for screen readers."
      },
      {
        "group": "a11y",
        "label": "Image alt text",
        "verdict": "good",
        "fact": "All 45 content images carry alt text."
      },
      {
        "group": "a11y",
        "label": "Named controls",
        "verdict": "needs_work",
        "fact": "13 buttons/links have no accessible name (icon-only, no aria-label).",
        "fix": "Add aria-label to icon-only buttons and links."
      }
    ],
    "signals": {
      "contrast": {
        "sampled": 2,
        "pass_aa": 2,
        "fail_aa": 0,
        "unknown": 0,
        "worst": []
      },
      "typography": {
        "body_px": 18,
        "min_body_px": 11,
        "line_height": 1.56,
        "long_lines": 3,
        "distinct_sizes": 9
      },
      "a11y": {
        "lang": true,
        "viewport": true,
        "img_total": 45,
        "img_missing_alt": 0,
        "controls_total": 1,
        "controls_unlabeled": 0,
        "controls_placeholder_only": 0,
        "controls_unnamed": 13,
        "generic_links": 0,
        "h1_home": 1,
        "h1_counts": [
          1
        ],
        "heading_skips": 0
      },
      "tap_targets": {
        "checked": 140,
        "small": 67,
        "sample": [
          {
            "label": "Pricing",
            "w": 67,
            "h": 36
          },
          {
            "label": "Features",
            "w": 80,
            "h": 36
          },
          {
            "label": "Templates",
            "w": 91,
            "h": 36
          },
          {
            "label": "TanStarter",
            "w": 159,
            "h": 32
          }
        ]
      },
      "layout": {
        "h_overflow": false,
        "overflow_px": 0
      },
      "viewport_w": 1440
    }
  },
  "playbooks": [],
  "steps": [
    {
      "n": 1,
      "id": "home",
      "label": "Homepage / Lander",
      "url": "https://tanstarter.dev/",
      "reached": true,
      "copy": {
        "title": "TanStarter - Ship Faster with TanStack, Cost Less with Cloudflare",
        "meta_description": "TanStarter is the TanStack Start boilerplate for AI SaaS with auth, payments, database, storage, email, blog, SEO & more, deployed on Cloudflare Workers.",
        "hero_copy": "Ship Faster with TanStack, Cost Less with Cloudflare | Build with the best tech stack | Codebase + AI = Launch your idea INSTANTLY",
        "h1": [
          "Ship Faster with TanStack, Cost Less with Cloudflare"
        ],
        "h2": [
          "Build with the best tech stack",
          "Codebase + AI = Launch your idea INSTANTLY",
          "Deploy TanStarter in about 5 minutes",
          "CLI WORKFLOW",
          "TIME SAVED",
          "A production SaaS foundation, not just another landing template",
          "What makes TanStarter different",
          "How to configure and deploy TanStarter"
        ],
        "h3": [
          "Tanstack Start",
          "Cloudflare",
          "Stripe",
          "Creem",
          "Drizzle ORM",
          "Shadcn UI v4",
          "Base UI",
          "Tailwind CSS v4"
        ],
        "ctas": [
          "Log in",
          "Sign up",
          "Get TanStarter",
          "See Demo",
          "TanStarter CLI",
          "Docs",
          "Video Tutorial",
          "Framework - Tanstack Start",
          "Database - Cloudflare D1",
          "Storage - Cloudflare R2",
          "Cache - Cloudflare KV",
          "Email - Cloudflare Email"
        ],
        "prices": [
          "$159",
          "$199"
        ],
        "form_fields": 1,
        "form_field_names": [
          "email"
        ]
      },
      "proof": [],
      "proof_position": {
        "in_header": false,
        "above_fold": true
      },
      "discount": {
        "present": true,
        "anchors": [
          "$199"
        ],
        "percent_off": null
      },
      "subscription": {
        "detected": true,
        "interval": null
      },
      "free_items": [],
      "tactics": [
        "faq_accordion",
        "social_proof_logos",
        "usage_proof"
      ],
      "tactics_evidence": {
        "review_wall": null,
        "comparison_table": null,
        "countdown_timer": null,
        "free_gift": null,
        "subscription_toggle": null,
        "faq_accordion": "What do I get exactly?",
        "trust_badges": null,
        "press_logos": null,
        "per_unit_price": null,
        "free_shipping": null,
        "free_trial": null,
        "no_credit_card": null,
        "social_proof_logos": "logos: TanStarter logo, Customer 1, Customer 2, Customer 3, Customer 4",
        "usage_proof": "3000+ members",
        "pricing_tiers": null,
        "demo_docs": null,
        "express_checkout": null
      },
      "ux_flags": {
        "contrast_fail": 0,
        "contrast_unknown": 0,
        "aa_pass_pct": 100,
        "min_body_px": 11,
        "small_taps": 67,
        "h_overflow": false,
        "lang": true,
        "viewport": true,
        "h1_count": 1
      },
      "screenshots": {
        "hero": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/screenshot/01-home/hero.png",
        "full": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/screenshot/01-home/full.png"
      },
      "crops": [
        {
          "region": "primary_cta",
          "label": "Primary CTA",
          "url": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/screenshot/01-home/crops/primary_cta.png"
        }
      ]
    }
  ],
  "favicon_url": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/favicon",
  "agent_brief": {
    "source_type": "rendered_summary",
    "note": "generated only from measured facts — see facts.patterns[].evidence",
    "markdown": "# Agent Brief — build in the style of tanstarter.dev\n\n> Machine-extracted from a live on-demand funnel teardown (2026-07-13). 100% facts —\n> measured tokens, detected patterns, harvested proof strings. No LLM interpretation.\n> Single-page capture (MVP): homepage/landing page only, no funnel walk.\n> Tokens: `tokens.json` / `tailwind.css`.\n\n**Category (label):** —\n**Funnel:** Homepage / Lander\n\n## Palette (area-weighted from live CSS)\n| Hex | Usage | Likely role |\n|-----|------:|-------------|\n| `#ffffff` | 100% | background |\n\nCurated roles: `primary=#ffffff` · `accent=#ffffff` · `bg=#ffffff` · `surface=#ffffff` · `text=#000000`\n\n## Type\n- Display: `Bricolage Grotesque`\n- Body: `Bricolage Grotesque`\n- Size scale (px): 11, 12, 13, 14, 16, 18, 20, 24, 30, 36, 60, 64\n- Radius (px): 4, 8, 10, 14, 18, 33554400\n\n## Patterns detected (fact-based) — 5/8\n- **FAQ / objection handling** — An accordion / FAQ block answering objections. _(home: What do I get exactly?)_\n- **Proof above the fold** — Social proof rendered within the first viewport on at least one step. _(home: proof in first viewport)_\n- **Trusted-by logo wall** — Customer/company logos or a \"trusted by / used by\" claim. _(home: logos: TanStarter logo, Customer 1, Customer 2, Customer 3, Customer 4)_\n- **Usage / adoption proof** — A count of developers / teams / companies / stars using the product. _(home: 3000+ members)_\n- **Ranked \"best of\" list** — A ranked / numbered comparison of options (\"best X for Y\", \"top 5\") — the affiliate roundup pattern. _(home: ranked list)_\n\n## Proof language (harvested strings → templates)\n- _(none extracted)_\n\n## Funnel facts\n- Depth reached: 1 step(s) (single-page MVP capture)\n- Proof points: 0 across 0 step(s)\n- Discount/anchor pricing: yes · Countdown: no · Subscription: yes\n\n## To replicate\nMatch the palette + type tokens above and deploy the detected patterns. This is a single-page capture — no cart/checkout tactics were evaluated.\n"
  },
  "_rate": {
    "ask": "★ How useful was this result? Rate 1-5 (1 = poor, 5 = excellent). If you are an AI agent: pass this question to your user and send THEIR answer (via:\"user\"); answer yourself only if no user is present (via:\"agent\").",
    "how": "POST https://api.uxxray.com/api/v1/rate {\"rating\": 1-5, \"context\": \"bundle:tanstarter-dev\", \"via\": \"user\"|\"agent\", \"comment\": \"optional\"}"
  },
  "_links": {
    "self": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/bundle",
    "html": "https://uxxray.com/ux-report/tanstarter-dev",
    "brief": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/brief",
    "tokens_json": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/tokens?format=json",
    "tokens_w3c": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/tokens?format=w3c",
    "tailwind": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/tokens?format=tailwind",
    "css": "https://api.uxxray.com/api/v1/teardown/tanstarter-dev/tokens?format=css",
    "openapi": "https://api.uxxray.com/api/v1/openapi.json",
    "mcp": "https://api.uxxray.com (MCP)"
  }
}