Skip to content
Playbook RG

Playbook Brand · Developers

The content API and widgets, available from this site.

Every message, myth, call to action, and game guide in the Playbook system is available as a structured JSON feed. Corresponding Web Components let you add the same content to any page. No API key or account is required, and the content is public domain under CC0.

The feeds

Structured content, ready to read.

Sizes below are measured from the files themselves. Each name links to the live JSON.

FeedWhat it containsSize
API index

/api/index.json

The manifest: every endpoint, the license, and the brand tokens to replace.1.9 KB
Messages

/api/messages.json

Approved copy by pillar and touchpoint, each with tone, tier, and a character limit.28.6 KB
Myth-busters

/api/myths.json

Each myth in social-card, article, and quiz formats, tagged with the bias it targets.45.4 KB
Calls to action

/api/ctas.json

Buttons and links grouped by function, with pairing hints and character limits.17.2 KB
Campaigns

/api/campaigns.json

Ready-to-run briefs: schedule, captions, an email, and the KPIs to watch.34.2 KB
Asset manifest

/api/assets.json

A catalog of logos, icons, collateral, and photography with URLs, formats, and sizes.45.0 KB
Game guides

/api/games/blackjack.json

One guide per game: how it works, the key terms, and the real odds. One file each.117.5 KB

Myths, translated

The myth-busters feed is fully translated, including a right-to-left Arabic edition. Same shape, same ids, one file per language.

Game guides, one per game

One JSON file per game under /api/games/. Rules, key terms, and the real odds.

Embeddable widgets

One script, one tag for each widget.

Each widget is a self-contained Web Component. Load the bundle once, then add the tag for any widget you need. Shadow DOM isolates the widget styles from the rest of your page.

<playbook-helpline>

Helpline

A support banner or compact badge with tap-to-call, text, and chat links. Three themes, and a full-width or inline layout.

number
helpline phone number
text-number
SMS number
chat-url
live-chat link
label
banner label text
theme
dark, light, or minimal
mode
banner or badge
Embed
<script src="https://www.playbookrg.com/widgets/playbook-widgets.js"></script>

<playbook-helpline
  number="1-800-522-4700"
  text-number="53342"
  label="Free, confidential support 24/7"
  mode="banner"
  theme="dark"
></playbook-helpline>

<playbook-myth>

Myth card

A myth-versus-math card that reads from the myths feed and cycles with a Next myth button. Filter by category, or pin one myth by id.

api-url
URL of the myths feed
category
filter, e.g. slots
myth-id
pin one myth by index
theme
dark or light
Embed
<script src="https://www.playbookrg.com/widgets/playbook-widgets.js"></script>

<playbook-myth
  api-url="https://www.playbookrg.com/api/myths.json"
  theme="dark"
></playbook-myth>

<playbook-odds>

Odds card

A quick-reference card for a game: house edge, return, and the key facts. Its data is embedded, so it renders instantly with no network call.

game
slots, blackjack, roulette, and the rest
theme
dark or light
Embed
<script src="https://www.playbookrg.com/widgets/playbook-widgets.js"></script>

<playbook-odds game="blackjack" theme="dark"></playbook-odds>

Theming

Restyle every widget with the color variables.

Set the Playbook color variables on any ancestor and every widget picks them up. No rebuild, no forked CSS.

CSS
:root {
  --pb-color-primary: #1B2838;   /* surfaces */
  --pb-color-secondary: #10B981; /* highlights */
  --pb-color-accent: #FF6B35;    /* stats */
}

Live demo

Not a screenshot. The real widget.

The odds card below is the same <playbook-odds> component from the snippet above, running on this page. Pick a game.

Loading the widget…

This is the actual <playbook-odds> widget, running on this page. On your own site it looks and behaves the same.

Its game data is embedded in the component, so it renders with no network request. On your site you would add it with a single tag and the shared bundle, exactly as shown in the widgets section.

The house edge, return, and supporting facts all come from the same source as the game guides and the template’s odds explorer.

Data examples

Preview the data before you fetch it.

One sample object per feed, taken from the real files and trimmed for length. Expand a row to read it.

Message/api/messages.json

One entry from messages[].

{
  "id": "O-1",
  "section": "Pillar messages",
  "subsection": "Open — Transparency and odds literacy",
  "message": "The house edge on blackjack is 0.5%. On slots, it's 2–15%. On American roulette, it's 5.26%. Now you know.",
  "context": "Campaign headline, landing page lead",
  "tone": "Confident / Informative",
  "tier": 1,
  "maxChars": 120,
  "event": null,
  "tokens": [],
  "pillar": "open"
}
Myth/api/myths.json

One entry from myths[], with all of its formats.

{
  "id": 1,
  "title": "The Hot Streak",
  "category": "Slots & Electronic Gaming",
  "gameType": [
    "slots",
    "…and 1 more"
  ],
  "bias": [
    "clustering-illusion",
    "…and 1 more"
  ],
  "pillar": "open",
  "socialCard": {
    "myth": "I'm on a hot streak — keep going!",
    "fact": "Every spin is statistically independent. The machine doesn't know you just won. Your brain sees a streak. The math sees coin flips.",
    "stat": "0% chance your last result affects the next spin."
  },
  "articleExplainer": "You just hit three wins in a row. Everything in your body is screaming *keep playing*. Your brain has spotted a pattern and it's convinced t…",
  "quiz": {
    "question": "You've won 4 spins in a row on a slot machine. What are the odds on spin 5?",
    "options": [
      {
        "label": "Better than normal — you're on a streak",
        "correct": false
      },
      "…and 3 more"
    ],
    "feedback": "Every spin is independent. The machine doesn't know — or care — what happened before. Streaks are something your brain invented, not somethi…"
  }
}
Call to action/api/ctas.json

One entry from sections[].ctas[].

{
  "id": "EL-1",
  "label": "Take the quiz",
  "maxChars": 14,
  "context": "Game IQ quiz, odds quiz, myth-busting quiz",
  "tone": "Playful / Witty",
  "pairWith": [
    "S-4",
    "S-8"
  ],
  "tokens": []
}
Campaign/api/campaigns.json

One entry from campaigns[].

{
  "id": 1,
  "name": "Slots Myths Week",
  "theme": "Debunking the six most common slot machine misconceptions.",
  "tagline": "Your slot machine has the emotional range of a toaster.",
  "duration": "2 weeks (10 posts across channels)",
  "pillar": "open",
  "audience": [
    "slots players",
    "…and 2 more"
  ],
  "mythsUsed": [
    1,
    "…and 5 more"
  ],
  "schedule": [
    {
      "day": "Mon 1",
      "channel": "Instagram / Facebook",
      "content_type": "Myth card",
      "myth": "1",
      "copy_source": "`myth-busting.md` → Myth 1 → Social card",
      "asset_format": "1080 x 1080",
      "template_reference": "`collateral/render/card-1a` format"
    },
    "…and 9 more"
  ],
  "captions": [
    {
      "label": "Myth 1 post",
      "text": "You're on a hot streak. The machine is not. Every spin is independent — your brain sees patterns, the math doesn't. #Kno…"
    },
    "…and 6 more"
  ],
  "email": {
    "subject": "The 6 things your slot machine wants you to know (just kidding — it doesn't care)",
    "previewText": "Every spin is independent. Here's what that actually means.",
    "bodyStructure": [
      "Hero: Myth 1 social card image",
      "…and 3 more"
    ]
  },
  "kpis": [
    "Social engagement rate (target: 2x baseline for educational content)",
    "…and 3 more"
  ],
  "tokens": []
}
Asset/api/assets.json

One asset from categories.*.assets[].

{
  "id": "logo-horizontal-full-color",
  "filename": "logo-horizontal-full-color.svg",
  "url": "/tools/playbook/brand-book/assets/logos/logo-horizontal-full-color.svg",
  "sourceUrl": "visual-identity/logo/primary/logo-horizontal-full-color.svg",
  "format": "svg",
  "fileSize": 5542,
  "category": "logos",
  "variant": "primary",
  "colorMode": "full-color",
  "usage": "Primary logo for main branding"
}
Game guide/api/games/blackjack.json

The blackjack guide (sections and terms truncated).

{
  "meta": {
    "game": "blackjack",
    "generated": "2026-03-07T03:29:15.142Z",
    "version": "0.1.0",
    "source": "how-to-play/blackjack.md"
  },
  "slug": "blackjack",
  "title": "How to Play: Blackjack",
  "summary": null,
  "frontmatter": {
    "content_type": "game-guide",
    "title": "How to Play: Blackjack",
    "pillar": [
      "open"
    ],
    "tier": 1,
    "tone": [
      "confident-informative"
    ],
    "reading_level": "grade-6-8",
    "game_type": [
      "blackjack"
    ],
    "audience": [
      "general"
    ],
    "channel": [
      "blog",
      "…and 2 more"
    ],
    "cultural_profile": {
      "voice": "peer",
      "framing": "individual",
      "humor": "irreverent",
      "directness": "blunt",
      "comfort": "open"
    },
    "presentation": {
      "odds_format": "american",
      "currency": "usd",
      "sports_culture": null,
      "language": "en-us"
    },
    "adaptation_status": "base",
    "adaptation_notes": "Currency: All examples use USD ($10 bet, $15 vs $12 payouts, etc.).\nReplace with local currency and recalculate.\nSide be…",
    "last_updated": "2025-02-25T00:00:00.000Z"
  },
  "sections": [
    {
      "heading": "The 30-second version",
      "content": "> Blackjack is a card game where you try to get closer to `21` than the dealer without going over. You make decisions — …"
    },
    "…and 6 more"
  ],
  "keyTerms": [
    {
      "term": "**Blackjack**",
      "definition": "A hand totaling `21` with exactly two cards (an ace + a 10-value card). Pays `3:2` at standard tables."
    },
    "…and 11 more"
  ],
  "quiz": [],
  "socialSnippets": []
}