Screens
End Cards
End cards are the final screens users see — your best chance to convert.
End cards are the final screens users see — your best chance to convert.
End Card Types
| Type | When It Appears | Typical Tone |
|---|---|---|
| Win Screen | User succeeds | Celebratory, positive |
| Lose Screen | User fails | Encouraging, retry-focused |
| Time's Up | Timer runs out | Urgency, "almost had it" |
What's on an End Card
Each end card (win and lose) bundles:
| Element | What You Can Change |
|---|---|
| Background | Image + color/tint |
| Logo | The game logo (its own slot, separate from the title) |
| Title | Text, color, size, outline, shadow |
| Subtitle | Text, color, size |
| "Play Now" CTA | Button image, color, text, text color, size |
By default an end card is designed per game with the logo and a "Play Now" button beneath it.
Static End Card Image
When you'd rather supply the whole card as one image, you can upload a static end-card image — it fills the background and replaces the composed layout.
Click Anywhere to Redirect
Each end card can let a tap anywhere send the user to the store, not just the CTA button. This is set independently for the win and lose cards. See Redirect & Store.
Background
SpriteParameter Properties
| Property | Type | Description | Example |
|---|---|---|---|
spriteFrame | ImageParameter | Background image | Upload PNG/JPG |
spriteColor | ColorParameter | Color overlay/tint | #000000 for darkening |
Background Options
| Approach | When to Use |
|---|---|
| Full image | Custom artwork, screenshots |
| Solid color | Clean, minimal look |
| Color + tint | Darken image for text readability |
Title
LabelParameter Properties
| Property | Type | Description | Example |
|---|---|---|---|
string | TextParameter | Headline text | "You Won!" |
labelColor | ColorParameter | Text color | #FFFFFF |
fontSize | NumberParameter | Text size | 72 |
isBold | BooleanParameter | Bold weight | true |
outlineColor | ColorParameter | Outline color | #000000 |
outlineWidth | NumberParameter | Outline thickness | 4 |
shadowColor | ColorParameter | Shadow color | #000000 |
shadowOffset | CoordinatesParameter | Shadow position | {x: 3, y: -3} |
Title Examples
| Screen | Suggested Text | Tone |
|---|---|---|
| Win | "You Won!", "Victory!", "Nice!" | Celebratory |
| Lose | "Try Again", "So Close!", "Almost!" | Encouraging |
| Time's Up | "Time's Up!", "Out of Time" | Urgent |
Subtitle
LabelParameter Properties
| Property | Type | Description | Example |
|---|---|---|---|
string | TextParameter | Secondary text | "Play the full game" |
labelColor | ColorParameter | Text color | #CCCCCC |
fontSize | NumberParameter | Text size | 36 |
Subtitle Examples
| Screen | Suggested Text |
|---|---|
| Win | "Keep the fun going", "More levels await" |
| Lose | "Want to try again?", "The full game has more" |
CTA Button
The Call-to-Action button converts viewers into downloads.
ButtonParameter Properties
| Property | Type | Description | Example |
|---|---|---|---|
spriteFrame | ImageParameter | Button background | Upload PNG |
spriteColor | ColorParameter | Background color/tint | #FF5722 |
labelString | TextParameter | Button text | "Download Now" |
labelColor | ColorParameter | Text color | #FFFFFF |
labelFontSize | NumberParameter | Text size | 42 |
labelBold | BooleanParameter | Bold text | true |
labelOutlineColor | ColorParameter | Text outline | #000000 |
labelOutlineWidth | NumberParameter | Outline thickness | 2 |
CTA Text Examples
| Good (Action-oriented) | Weak (Generic) |
|---|---|
| "Download Now" | "Click Here" |
| "Play Free" | "Continue" |
| "Get the App" | "OK" |
| "Try It!" | "Submit" |
CTA Color Tips
| Goal | Approach |
|---|---|
| Maximum visibility | Bright accent color, contrasts with background |
| Brand alignment | Use brand primary or accent color |
| Text readability | High contrast between labelColor and spriteColor |
Win Screen Configuration
| Element | Recommendation |
|---|---|
| Title | Celebrate: "You Won!", "Victory!" |
| Subtitle | "Keep the fun going", "More levels await" |
| CTA | "Download Now", "Play More" |
| Background | Bright, positive colors or celebration imagery |
Lose Screen Configuration
| Element | Recommendation |
|---|---|
| Title | Encouraging: "Try Again", "So Close!" |
| Subtitle | "Want to try again?", "The full game has more" |
| CTA | "Get Full Game", "Try Again" |
| Background | Softer colors, retry-focused imagery |
Testing End Cards
- Play to win — Verify win screen displays correctly
- Play to lose — Verify lose screen displays correctly
- Tap CTA — Confirm redirect works
- Check mobile — Ensure buttons are tappable (min 44x44px)
- Check text — Verify all text fits and is readable
Related
- Buttons — Button styling details
- Loading Screen — First screen users see
- What's Included — Full parameter reference