Cover Page
The cover page lets you customize both the "foreground" and "background" — you can set a background specific to the cover page, and if you don't, it automatically uses the background from your theme style.
Foreground
We recommend placing key promo information in the foreground, so it displays fully on every device
1. Use the toolbar's text/image editor directly
2. Supports image-only upload
- Desktop & tablet: 1500(w) x 1200(h)px
- Mobile: 500(w) x 700(h)px
Background
You can set a dedicated background just for the cover page — if turned off, it uses the promo's shared background instead
1. Comes with default diagonal stripes and solid colors
2. Supports a custom background
- Desktop & tablet: 2400(w) x 1600(h)px
- Mobile: 800(w) x 1422(h)px
File size under 9MB
Your background scales to fit each device's screen width, which means it may get cropped or stretched. We recommend using a background image without important information — one where it's fine if part of it gets cropped off!
Example styles
Foreground: text + image, background: default
This is the system's default style — if you like it, you can just edit the promo title and description in the canvas, upload an image, and change the button color and text! Click the canvas block to edit it.
*We recommend using a background-removed PNG image so it blends with the background
*In this example, the button text size is 24px, with a 30px corner radius
2. Foreground: image only, background: color
This is the quickest and simplest approach!
Have your designer prepare two main visual images (one for desktop, one for mobile), and upload them directly as the image-only foreground.
For the background, just set it to the same base color as the main visual.
Dimensions:
- Desktop & tablet: 1500(w) x 1200(h)px
- Mobile: 500(w) x 700(h)px
Make sure your main visual has a button or icon guiding participants to click through the cover page into the promo!
3. Foreground: image only, background: custom
Want to take it a step further? If you'd like a custom background that blends seamlessly with your foreground image, remove the background from your foreground image and place it over your custom background.
Foreground dimensions:
- Desktop & tablet: 1500(w) x 1200(h)px
- Mobile: 500(w) x 700(h)px
Background
- Desktop & tablet: 2400(w) x 1600(h)px
- Mobile: 800(w) x 1422(h)px
Make sure your main visual has a button or icon guiding participants to click through the cover page into the promo!
Theme Style
Theme style covers the question pages, results page, and promo flow screens' background, text color, headings, button design, and more.
1. Promo background
|
|
Overlay set to 0 — example  | Overlay set to 0.45 — example
|
*Edit the "invite a friend" button in the "sharing flow" section.
2. Headings, options, and buttons
Headings: module question page and results page titles, sign-up form prompt text, lucky draw reminder text (Congrats! You have X draw entries), prize claim prompts
Options: applies to modules whose question pages have selectable options, like Issue Voting, Q&A Classroom, and Personality Quiz
Buttons: applies to buttons that appear throughout the promo flow, like Submit Form, Claim Prize, Go to Claim Prize, and View Prizes
[Settings vs. actual screen comparison]
