Skip to main content
All CollectionsAttendee Participation GameGame SetupTheme
Creating a Theme for your Attendee Participation Game
Creating a Theme for your Attendee Participation Game

Fully customize your attendee's experience by uploading your own graphics and branding.

Updated yesterday

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

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:

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

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


Did this answer your question?