# AI Coding Pricing — Content-Fit Matrix

Status: DESIGN_READY / SEO copy preserved
Date: 2026-05-21

Design system: Industrial developer terminal, source-led pricing dashboard. Typography: Space Grotesk + IBM Plex Sans. Palette: #080B10 / #111722 / #D6FF5C / #45D6B5 / #F4F7FB.

Global placement rules: answer-first block and disclaimer stay near top; calculator/table hook stays above fold or near top; long SEO copy moves into crawlable lower-page sections/details; source links, last checked, confidence, caveats remain visible; no provider logos or official screenshots.

## / — hub_tool

- Primary keyword: AI coding cost calculator
- H1: Compare AI coding tool costs before you upgrade
- Word count target: 900-1200
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: calculator starter + provider cards
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | yes | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | yes | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Quick comparison cards | Near top | source-linked table/cards | yes | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `How the calculator works` | above_fold | section card / crawlable block | yes | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Compare the main AI coding tools` | near_top | section card / crawlable block | yes | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Latest pricing and limit changes` | near_top | section card / crawlable block | yes | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Which cost model fits your workflow?` | lower_page | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |

## /claude-code-pricing — pricing_page

- Primary keyword: claude code pricing
- H1: Claude Code pricing, limits, and real cost
- Word count target: 1000-1500
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: source-linked pricing/usage table
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | no | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | no | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Source-linked pricing / usage table | Near top | source-linked table/cards | no | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `Answer first: what this page helps you decide` | above_fold | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Plan and usage table` | near_top | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Real cost scenarios` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `What may change` | lower_page | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |

## /claude-code-usage-limits — limits_page

- Primary keyword: claude code usage limits
- H1: Claude Code usage limits explained
- Word count target: 1200-1600
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: source-linked pricing/usage table
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | no | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | no | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Source-linked pricing / usage table | Near top | source-linked table/cards | no | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `Answer first: what this page helps you decide` | above_fold | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Plan and usage table` | near_top | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Real cost scenarios` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `What may change` | lower_page | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |

## /codex-pricing — pricing_page

- Primary keyword: codex pricing
- H1: OpenAI Codex pricing explained
- Word count target: 1000-1500
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: source-linked pricing/usage table
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | no | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | no | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Source-linked pricing / usage table | Near top | source-linked table/cards | no | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `Answer first: what this page helps you decide` | above_fold | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Plan and usage table` | near_top | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Real cost scenarios` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `What may change` | lower_page | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |

## /codex-usage — usage_page

- Primary keyword: codex usage
- H1: Codex usage explained
- Word count target: 1200-1600
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: source-linked pricing/usage table
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | no | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | no | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Source-linked pricing / usage table | Near top | source-linked table/cards | no | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `Answer first: what this page helps you decide` | above_fold | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Plan and usage table` | near_top | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Real cost scenarios` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `What may change` | lower_page | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |

## /cursor-pricing — pricing_page

- Primary keyword: cursor pricing
- H1: Cursor pricing explained
- Word count target: 1000-1500
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: source-linked pricing/usage table
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | no | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | no | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Source-linked pricing / usage table | Near top | source-linked table/cards | no | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `Answer first: what this page helps you decide` | above_fold | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Plan and usage table` | near_top | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Real cost scenarios` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `What may change` | lower_page | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |

## /claude-code-vs-codex — comparison_page

- Primary keyword: claude code vs codex
- H1: Claude Code vs Codex
- Word count target: 1200-1800
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: comparison/scenario calculator
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | no | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | no | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Comparison table | Near top | source-linked table/cards | no | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `Quick verdict by workflow` | above_fold | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Pricing and limits comparison table` | near_top | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Scenario calculator` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Decision checklist` | lower_page | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |

## /claude-code-vs-cursor — comparison_page

- Primary keyword: claude code vs cursor
- H1: Claude Code vs Cursor
- Word count target: 1200-1800
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: comparison/scenario calculator
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | no | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | no | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Comparison table | Near top | source-linked table/cards | no | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `Quick verdict by workflow` | above_fold | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Pricing and limits comparison table` | near_top | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Scenario calculator` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Decision checklist` | lower_page | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |

## /pricing-changelog — changelog_hub

- Primary keyword: AI coding pricing changelog
- H1: AI coding pricing changelog
- Word count target: 500-900 plus entries
- Above-fold source: `above_fold_short_answer_40_70_words`
- Required visual hook: dated changelog timeline + alerts form
- Disclaimer placement: hero notice / table-adjacent note / footer trademark notice

| Content source | Display position | Container | Home shown? | If downshifted | Visual risk | Guardrail |
|---|---|---|---:|---|---|---|
| H1 + hero copy | Above fold | Split hero with calc/table panel | no | n/a | text wall | max-width + asymmetric panel |
| Answer-first block | Above fold | Hero paragraph / answer card | no | n/a | buried SEO answer | always before table fold |
| Brand/fair-use disclaimer | Above fold | bordered notice | yes | also footer | hidden legal risk | visible 13px+ contrast |
| Changelog entry list | Near top | source-linked table/cards | no | n/a | stale price trust loss | columns include source/last checked/confidence/caveat |
| H2 `Latest changes` | above_fold | section card / crawlable block | no | n/a | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `How we verify changes` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| H2 `Get pricing and limit alerts` | body | section card / crawlable block | no | lower section / details | SEO copy may dominate layout | keep copy, use cards/accordions/tabs |
| FAQ | Lower page | crawlable details | no | below source modules | hidden content | server-rendered details, not client-only |
| Newsletter CTA | Lower / final CTA | provider-specific alert card | yes | final CTA | generic newsletter | copy says pricing/limits alerts |