# Stinger card

> Canonical HTML: https://screenrig.ai/docs/cards/stinger/

A themed full-frame bumper between two pages, with a section title, subtitle and logo.

Category: Media. Tags: Lobbies and reception, Offices and workplaces.

## Previews

![Stinger](/cards/stinger/v1/screenshots/canvas-bloom.webp?sha=46c20bf6f733b6c10529d8e8b4d484eac23f0fbc440f5f3dda91e2bc9b6c19f8)

Canvas

## Views and forms

Views: canvas. Canvas forms: landscape, portrait, square, strip.

[Card views, themes and publishing](/docs/cards/). [Browse the gallery](/apps/#cards).

## Data and privacy

This card uses its configured properties and live card data.

## Properties

For theme, background, accent and position, see [Common properties](/docs/cards/#common-properties).

Set static properties in `params`. Bind `data` to a project card data key for live values; that document holds only dynamic properties. Without a data key, put the complete configuration in `params`. Nested rows describe the contents of their parent property.

### Static properties

| Name | Type | Default | Values and limits | Description |
| --- | --- | --- | --- | --- |
| `title` | string | `""` | maxLength: `40` | The section name, set in the theme's display type. |
| `subtitle` | string | `""` | maxLength: `60` | One line under the title. |
| `logo` | string | `""` | maxLength: `120` | A media reference to a logo shown with the title. |
| `durationMs` | integer | `3500` | minimum: `1000`; maximum: `6000` | The length of the whole stinger, set by the page transition. The title hangs fully displayed for 1,000 ms inside it. |
| `hangMs` | integer | `1000` | minimum: `0`; maximum: `6000` | How long the title stays fully displayed, inside durationMs. A longer hang needs a longer durationMs, or the build and release get faster. |
| `at` | integer | `0` | minimum: `0`; maximum: `6000` | Preview only: a frozen render shows the stinger this many milliseconds in. A live Player ignores it. |

### Dynamic properties

This card has no dynamic properties.

## Canvas example

Add this item to a playlist page’s `primitives`. [Publish the playlist and assign a screen](/docs/cards/#publish-a-card-canvas).

```json
{
  "id": "stinger",
  "primitive": "card",
  "card": "stinger",
  "major": 1,
  "params": {
    "theme": "neomustard"
  },
  "rect": {
    "x": 0,
    "y": 0,
    "width": 1920,
    "height": 1080
  },
  "layer": 0,
  "content_fit": "fill"
}
```