The game theme ensures there is visual consistency across the game app and results screens. In SocialPoint your game theme will consist of both colors and graphics.
Getting Started
There are six types of graphics that you will need to create for your Attendee Participation game:
Player App: Background image, Logo
Main theme and Confetti
Status Screen Colors
Challenge List Colors
Challenge: Challenge Icons and Challenge Images
Rewards: Reward Image, Raffle Wheeel background and Raffle wheel arch
Leaderboard: Leaderboard backgrounds (1 per leaderboard)
Photo Gallery: Banner Image
Results Screens: Background image
Use this article as a graphics guide and a place to easily access our design templates if you decide to fully customize your attendees' experience.
SocialPoint theme library
If you choose one of our existing themes, you can save yourself a bunch of time. Soem people use our themes as a base for their game, while others just use the theme as is.
Graphics Guide
The SocialPoint Graphics Guide is a PDF that outlines the graphics and colors options that are available to create a fun, rewarding game.
Player App Theme
This is the player’s main interface in the game. The player app is web-based and integrates into event apps and virtual platforms.
Specs
There are three main images that can be used in the Player App
Background Image: 1920X1080, PNG or JPG, 2MB or less in size.
Landing Page Logo: JPG/PNG, 500 X 300 pixels, 2MB or less in size.
IOS / Android Icon: 144 X 144, PNG only, Transparency converts to black
Background template: Adobe Illustrator, Canva
How to Improve Your Game
Players will open the game on different devices that vary in screen size and resolution. We recommend using abstract art with NO logos, banners, static images, or text.
The Challenge screen will scroll and then repeat. Try to stay away from graphics that fade from dark to light or vice verse.
Optional: Landing Page Graphics
If you need to market your game on the landing page, you can insert images, videos, links and other media into your landing pages.
Image sizes can vary, but should be less than 500PX wide and less than 2MB.
Colors
These elements go right on top of your background image, and they should match your branding. Here's a description of what they are and where they go in the Player App:
Main Theme
Background Color: If there is no image, the background image the background color is used.
Primary Font Color: This color is used on headers and challenge names.
Secondary Font Color: used in player information, descriptions, instructions and any other text displayed in the Player App.
Buttons
Button Background Color: This color is used for all buttons and tabs within the Player App.
Button Font Color: This color is applied to any text that is placed inside of any button on the Player App.
Links:
Link Color: This color is used for all links within the Player App.
How to Improve Your Game
Use a template as a baseline for starting your game and then modify your theme from there.
Confetti Colors
Animated Confetti shows up when a player earns a reward. You can add, remove, and choose your own colors under the Theme tab on your APG's Configuration.
Challenges
Each Challenge has two types of images:
Challenge Image
Badge Icon or image
Badges
These badges are visible on the Challenge list and Status Page once players have completed Challenges. There are two types of badges:
Icons (from fontawesome)
Images
Specs:
Icon badges: pick a fontawesome icon, background color, font color
Image badges: PNG, 60x60 pixels, 2MB or less
How to improve your game
Square shaped badge images are best.
Landcaped partner logos are turn out too small to have a visual impact.
Creating badge images that match your theme can have a huge impact.
Leaderboard
There are five leaderboard types:
Overall leaderboard
Team leaderboard
My Team Leaderboard
Daily Leaderboard
Leaderboard for an individual trivia challenge.
Specs
Background: PNG or JPG, 1920x1080 pixels, 2MB or less
Templates
5-Person Leaderboard: Adobe Illustrator, Canva
10-Person Leaderboard: Adobe Illustrator, Canva
20-Person Leaderboard: Adobe Illustrator, Canva
How to Improve Your Game
These visual leaderboard templates are designed for the big screen. So, make sure they they are big, bold and create an impact.
Photo Gallery
Scrolling Photo Gallery
Banner size: 1920px by custom size, PNG or JPG, 2MB or less
Background template: Adobe Illustrator, Canva
Rows: 1 row or 3 rows
Configurable options: Background color
Web Photo Gallery
Background image size: 1920x1080px, PNG or JPG, 2MB or less
Background template: Adobe Illustrator, Canva
Configurable options: Background color, tile color, tile header color, tile font color, caption font color
Live Screens
These screens will show your attendees' submissions to the different challenges that you make available to them.
Here's a list of challenges and their specs:
Live Poll
Image Size: 1920x1080px, PNG or JPG, 2MB or less
Background template: Adobe Illustrator, Canva
Configurable options: answer colors, chart track color, chart font color, question fonts, answer fonts.
Abstract art works best for this screen
Word Cloud
Image Size: 1920x1080px, PNG or JPG, 2MB or less
Background template: Adobe Illustrator, Canva
Configurable options: font, up to 5 colors for answers
Abstract art works best for this screen
Caption This
Image Size: 1920x1080px, PNG or JPG, 2MB or less
Background template: Adobe Illustrator, Canva
Configurable options: question color, text color, name color
