Skip to content
Pod Engine
Get started

Page templates

Every kind of page the marketing site will have, built from the design system with real data. Open one, check it at 375px, and copy it to start a new page.

  1. 01 Solution page
  2. 02 Use-case page
  3. 03 Data page
  4. 04 Article or guide
  5. 05 Pricing page
  6. 06 Free tool page
  7. 07 Not found (404)
01 Podcast API · MCP server · Monitoring · Transcripts

Solution page

Sells one product capability to the group that buys it, with the capability working on the page.

  1. 01 Hero: h1 in searchers’ words, outcome line, the capability working PageHero + CodeTabs / Card
  2. 02 Where it works LogoCloud kind=integrations
  3. 03 What you get, three rows with real data ChapterHeader + FeatureRows + FeatureSplit
  4. 04 Get started Steps
  5. 05 In your AI tools (the one dark band) Section band='dark' + ChatPanel + CodePanel
  6. 06 Compared with the alternative ComparisonTable
  7. 07 Questions Faq
  8. 08 Where to go next RelatedLinks
  9. 09 Call to action CtaPanel
Open the solution page

For: one paying group per page; the example is developers and AI teams

Shell: kind='hub'

Proof: a working request, real field names, real results

02 Brands and media buyers · PR and comms · Analysts

Use-case page

Answers the questions one group asks before buying, each with real data.

  1. 01 Hero: the ICP’s outcome line, a real record beside it PageHero + Card (Cover, StatTile, LogoChip)
  2. 02 Index numbers ProofRow (in the hero’s below slot)
  3. 03 The questions they ask, answered FeatureRows + FeatureSplit
  4. 04 Customer quote (only once one is approved) Quote size=lg
  5. 05 How it works Steps
  6. 06 Questions Faq
  7. 07 Where to go next RelatedLinks
  8. 08 Call to action CtaPanel
Open the use-case page

For: one ICP per page, using its outcome line, proof and words from icps.md

Shell: kind='hub'

Proof: a real show record, real sponsors, a real ad read

03 Charts · categories · best-of lists · rankings

Data page

Answers a ranking or lookup question with dated, real data that search engines can read.

  1. 01 Hero: breadcrumbs, h1, a dated lead PageHero (crumbs)
  2. 02 Switch platform, country or category ChipNav
  3. 03 Key facts KeyFacts
  4. 04 The ranking, with ItemList schema RankTable schema
  5. 05 How the data is made Callout kind=method
  6. 06 More pages Pagination
  7. 07 Side column: sources and sign-up AsideLayout + DataSources + Card
  8. 08 Questions Faq layout='list'
  9. 09 Related charts RelatedLinks
Open the data page

For: listeners, journalists and buyers arriving from search

Shell: kind='data'

Proof: every number dated, sources listed, method explained

04 Guides · methodology · editorial · legal

Article or guide

Explains one thing well, with real examples, and links on to the product.

  1. 01 Header: breadcrumbs, h1, standfirst, byline ArticleHeader
  2. 02 Contents beside the text AsideLayout side='left' + TableOfContents
  3. 03 Body with h2 sections and real examples Prose + Card + Callout
  4. 04 Where to go next RelatedLinks
  5. 05 Call to action CtaPanel
Open the article or guide

For: any group; guides target one

Shell: kind='article'

Proof: a named author, dates, real figures in the text

05 Pricing

Pricing page

Shows what each plan costs and includes, with prices read from the catalog.

  1. 01 Short hero PageHero layout='centered'
  2. 02 Plans with a billing switch PlanCards
  3. 03 Included in every paid plan FeatureGrid
  4. 04 Questions Faq
  5. 05 Call to action CtaPanel
Open the pricing page

For: every paying group

Shell: kind='hub'

Proof: catalog prices (CATALOG_DISPLAY_PRICES), real plan features

06 Audience lookup · Authority Score · embeds

Free tool page

Does one useful job for free, first thing on the page, then explains it.

  1. 01 Hero with the tool itself PageHero + SearchBox (below slot)
  2. 02 What you get back Cover + KeyFacts
  3. 03 How it works Steps
  4. 04 Questions Faq
  5. 05 Where to go next RelatedLinks
Open the free tool page

For: podcasters, journalists and buyers; judged on use and links

Shell: kind='tool'

Proof: a real result for a real show

07 404

Not found (404)

Gets a lost visitor to search or a popular page in one step.

  1. 01 Apology, h1 and search Section + SearchBox
  2. 02 Popular pages RelatedLinks
Open the not found (404)

For: anyone

Shell: kind='hub'

Proof: search that works without JavaScript