Full Page

Podcast

Offgrid

Conversations with people who build outside the system.

Offgrid is a weekly interview podcast about independent creators, founders, and thinkers who chose to do things differently. No sponsors, no ad reads. Just long conversations with interesting people. Hosted by Mira Osman and Jack Forsyth. New episodes every Thursday.

Hosts

Mira Osman — Writer, ex-Stripe, Jack Forsyth — Engineer, indie game developer

Recent Episodes

#142 — 'Why I quit my FAANG job to make furniture' with Seo-Yun Park, #141 — 'Building a school in a shipping container' with David Ekow, #140 — 'The economics of running a zine' with Tomoko Abe, #139 — 'Open source as a lifestyle' with Lena Müller

Subscribe

https://example.com/spotify, https://example.com/apple, https://example.com/rss

Podcast Show

Clean podcast page with episode list, hosts, and subscribe links.

by DesignGenerate 0 stars 1 renders 0 forks
musicpodcastaudiomedia
Use This Template View Full Page Sign in to star

Schema

FieldType
show_name string
tagline string
about text
hosts list<string>
recent_episodes list<string>
subscribe_links list<link>
email email

Apply Values

POST JSON to the API endpoint:

POST /api/templates/podcast-show/apply
Content-Type: application/json

{
  "show_name": "Offgrid",
  "tagline": "Conversations with people who build outside the system.",
  "about": "Offgrid is a weekly interview podcast about independent creators, founders, and thinkers who chose to do things differently. No sponsors, no ad reads. Just long conversations with interesting people.\n\nHosted by Mira Osman and Jack Forsyth. New episodes every Thursday.",
  "hosts": [
    "Mira Osman — Writer, ex-Stripe",
    "Jack Forsyth — Engineer, indie game developer"
  ],
  "recent_episodes": [
    "#142 — 'Why I quit my FAANG job to make furniture' with Seo-Yun Park",
    "#141 — 'Building a school in a shipping container' with David Ekow",
    "#140 — 'The economics of running a zine' with Tomoko Abe",
    "#139 — 'Open source as a lifestyle' with Lena Müller"
  ],
  "subscribe_links": [
    "https://example.com/spotify",
    "https://example.com/apple",
    "https://example.com/rss"
  ],
  "email": "[email protected]"
}

AI Prompt

Copy this prompt to generate a compatible template with any LLM:

You are an expert frontend designer.
Create a beautiful, modern HTML template for "Podcast Show" that strictly follows the constraints and schema below.

## Constraints
- Style everything using inline style="" attributes only (no external CSS, no <link>, no <style> tags)
- Do NOT use: <script>, <iframe>, <form>, <input>, <textarea>, <button>, <select>, <object>, <embed>, <details>, <dialog>
- Place data placeholders using this syntax: {{show_name:string}}, {{tagline:string}}, {{about:text}}
- The template must be a single HTML fragment (no <html>, <head>, or <body> tags)
- Use system fonts: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif (or Georgia, serif for editorial)

## JSON Schema
```json
{
  "show_name": "string",
  "tagline": "string",
  "about": "text",
  "hosts": [
    "string"
  ],
  "recent_episodes": [
    "string"
  ],
  "subscribe_links": [
    "link"
  ],
  "email": "email"
}
```

## Placeholder Syntax
Each data point uses `{{key:type}}` — for example:
- `{{show_name:string}}` → string
- `{{tagline:string}}` → string
- `{{about:text}}` → text
- `{{hosts:list<string>}}` → list<string>
- `{{recent_episodes:list<string>}}` → list<string>
- `{{subscribe_links:list<link>}}` → list<link>
- `{{email:email}}` → email

Output ONLY the HTML code block. No explanation.
← All Templates