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.
| 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" |
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.
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.
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.
| Property | Type | Description | Example |
|---|
spriteFrame | ImageParameter | Background image | Upload PNG/JPG |
spriteColor | ColorParameter | Color overlay/tint | #000000 for darkening |
| Approach | When to Use |
|---|
| Full image | Custom artwork, screenshots |
| Solid color | Clean, minimal look |
| Color + tint | Darken image for text readability |
| 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} |
| 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 |
| Property | Type | Description | Example |
|---|
string | TextParameter | Secondary text | "Play the full game" |
labelColor | ColorParameter | Text color | #CCCCCC |
fontSize | NumberParameter | Text size | 36 |
| Screen | Suggested Text |
|---|
| Win | "Keep the fun going", "More levels await" |
| Lose | "Want to try again?", "The full game has more" |
The Call-to-Action button converts viewers into downloads.
| 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 |
| Good (Action-oriented) | Weak (Generic) |
|---|
| "Download Now" | "Click Here" |
| "Play Free" | "Continue" |
| "Get the App" | "OK" |
| "Try It!" | "Submit" |
| 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 |
| 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 |
| 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 |
- 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