The logo has one job: to tell a player “this is where you get smarter about the game.” It should feel modern, confident, and premium. Everything below — the wordmark, the symbol, the color variants, and the spacing rules — exists so the mark stays recognizable whether it sits on a casino-floor banner, a push notification, or a co-branded operator page.
Playbook content must match or exceed the production quality of the operator’s commercial marketing. If the logo looks cheaper, older, or more generic than the promotion next to it, players read it as fine print. Design it like a product launch — because that’s what it is.
Anatomy of the wordmark
The wordmark is pure typography — Inter, the brand’s heading typeface — set as a single uniform word: Inter 700, tight tracking, one weight, one color. The program name reads as one thing, because it is one thing. The idea the mark carries lives in the symbol beside it, not in a typographic trick inside the word.
Playbook RG
Inter 700 · bold, one color
The formal program name. Used in the logo, on B2B and regulatory surfaces, and in page titles.
Playbook
Inter 700 · bold, one color
The sanctioned shorthand for player-facing copy. Same weight, same color — never restyled.
Earlier builds set the name in two weights — a heavy “Play” against a light, letter-spaced
“BOOK” — with the second half in the accent color. That treatment is retired.
Do not recreate it, and replace any lockup still using it with a current file from the gallery
below. Forks that want a split-weight name of their own opt in explicitly via
wordmark_light_text in _brand.yml; the Playbook RG default is empty.
See Typography for the full type system.
Two layouts
Both layouts are interchangeable — pick the one that fits the space and aspect ratio. The full list of color modes follows in the variant gallery below.
Stacked
Symbol tile above the wordmark. Best for app icons, social avatars, square formats, and hero placements.
Horizontal
The wordmark on one line. Best for navigation bars, headers, banners, inline references, and small sizes.
Primary lockups
The full-color defaults. Use these unless the background or production method calls for a reversed or single-color build.
Reversed & monochrome
For dark surfaces and single-color builds. These variants ship with their dark background built in, so the white wordmark stays legible wherever the lockup lands.
The symbol mark
Strip away the letters and the brand still reads. The symbol is a closed book set beside a play triangle — the “playbook” concept as pure geometry, carried in a rounded navy tile. Two flat shapes and two colors: a white book bar and an emerald triangle. Because it carries no font dependency, it holds up from a 16-pixel favicon to a 512-pixel app icon. Below the digital minimum size, drop the wordmark and use the symbol alone.
Favicon & helpline badge
Two purpose-built lockups round out the kit. The favicon is the symbol tuned for browser tabs and
app tiles. The helpline badge pairs the symbol with a support number for contexts
where regulation requires showing help information alongside the brand — for example
Free help 24/7: 1-800-GAMBLER.
The five color modes
Each layout — stacked and horizontal — comes in the same five color modes, so there’s an approved file for any background.
| Variant | Wordmark color | Symbol colors | Background | File suffix |
|---|---|---|---|---|
| Full color | Navy | Navy tile, white book, emerald play | White | -full-color |
| On light | Navy | Navy tile, white book, emerald play | Light neutral | -on-light |
| Reversed | White | Navy tile, white book, emerald play | Navy | -reversed |
| Mono white | White | White, single color | Black / dark | -mono-white |
| Mono dark | Navy | Navy, single color | Light (single-color) | -mono-dark |
Clear space & minimum size
Give the logo room and never let it shrink past the point of legibility. These two rules protect the mark in almost every real-world placement.
Clear space
Keep a margin equal to 1× the height of the logomark on every side. No text, imagery, or graphic element should intrude into that buffer.
Minimum size
- Print: 0.25 inches (6.35 mm) tall.
- Digital: 24 px tall.
- Below either threshold, use the symbol mark only.
What protects the mark
The variants exist so no one ever has to improvise. Everything in the “don’t” column has an approved alternative above.
- Pick an approved variant for the background.
- Maintain the 1× clear space on all sides.
- Place the mark on clean, high-contrast backgrounds.
- Use the symbol alone below the minimum size.
- Stretch, compress, rotate, or distort it.
- Add drop shadows, outlines, or effects.
- Recolor it outside the approved variants.
- Rebuild it in another font, or drop it into an unapproved container.
- Split the name into two weights or two colors — the split “Play”/“BOOK” wordmark is retired.
Co-branding
When the Playbook logo appears next to an operator’s logo, the goal is two peers side by side — not a primary brand and its subordinate. The rules keep the relationship balanced.
- Hold both clear-space zones. Each logo keeps its own 1× buffer; they never overlap.
- Size Playbook at no less than 60% of the operator logo’s height.
- Divide with a thin rule. A 1px light-grey vertical line separates them when set side by side.
- Lead with the operator. Their logo typically comes first (left or top); Playbook follows (right or bottom).
Operators are encouraged to apply their own colors and fonts while keeping the structural identity — layout, hierarchy, the icon system, spacing — consistent. A player who meets Playbook content on one platform should intuitively recognize it on another, even when the two look different. The logo is the anchor that makes that recognition possible. Operators can preview the lockups in the live Brand Book or tailor the colors and fonts in the Brand Configurator.