1 of 36

SocialPoint �APG Ultimate Graphics Guide

​

Attendee Participation Game (APG) and Scavenger Hunt

Updated April 2026

2 of 36

Player App Screens

3 of 36

Player App Examples: �Check-in Process Screens

Landing Page�Players are directed to login or register

Registration Page

Login Page

Welcome Message

Provide direction and motivation to your players as they begin to play

4 of 36

Player App Examples: �Challenge Screens

Challenges

The list of challenges, both active and completed

Post Challenge

Add an optional challenge completion message and �Call to Action link or document download

Challenge Detail

Follow instructions to complete activity, if required

Post Challenge – Advanced Options

Add additional images, videos and links

5 of 36

Graphic App Example: �Additional Screens

Celebrate When You Win

Confetti rains down when you achieve your goal

Status

Players keep track of prizes in the status area of the game. 

Leaderboard

Individual, team, and daily leaderboards

Instructions

How to play the game

6 of 36

Configuration: Check In Process

Logo

  • Dimensions: 400 × 200 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Transparent PNG Recommended

​

Configure the look and feel of your game's Registration Page

Graphic:

Landing Page�Players are directed to login or register

Registration Page

Login Page�

Looking for additional customization? Images, Links and videos can be added to the Game Description area.

7 of 36

Configuration: Theme

Graphics:

IOS/Android Home

Screen Icon:

  • Optional
  • Dimensions: 60 × 60 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Transparency converts to black

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB�

Configure the main elements of the Player App

Template:

  • Background template: Adobe Illustrator, Canva

8 of 36

Configuration: Theme Look & Feel

Personalize the colors and fonts of your Participation Game

Game Look & Feel:

Primary Font & Font Color

Secondary Font & Font Color

​

Button Font & Font Color

Button Background Color

​

​

9 of 36

Configuration: Status

Progress Indicator Colors

Game Status Arc Track Color

Game Status Arc Fill Color

Game Status Arc Font Color

​

​

​

Status Panel Icon Color

Reward Status Primary Font Color

Reward Status Bar Fill Color

Reward Status Bar Font Color

Reward Status Track Color

Fully customize the status panel, progress bar and rewards panel

Reward Panel Colors

10 of 36

Configuration: Status

Status Panel Colors

Status Outer Panel Color

Status Inner Panel Color

Status Panel Font Color

Status Panel Icon Color

​

​

​

Menu Colors

Top Menu Background Color

Top Menu Font Color

Bottom Menu Font Color

Bottom Menu Background Color

​

Fully customize the menu, status and rewards panel

Reward Panel Colors

Reward Background Color

Reward Primary Font Color

Reward Accent Color 1

Reward Accent Color 2

11 of 36

Challenge Badges

Icon Badges

Choose from over 60,000 Font Awesome icons:

  • Pick a font awesome icon
  • Choose a background color
  • Choose a font color

​

​

​

​

​

​

​

​

Looking to customize your game badges? Visit the Custom Challenge Badges page in the Advanced Customization area.

Select from over 60,000 badge icons from Font Awesome and choose your color.

To create your own custom badges, check out the Advanced Graphics section.

12 of 36

Challenge Images

Image Size

  • Dimensions: 400 × 200 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

​

Use images, logos or videos to improve the description of your challenges.

Video Specs

  • Embedded YouTube or Vimeo videos
  • Go to the video you want to add to your challenge
  • Click the Share button on the video
  • Look for “Embed”, select it
  • Copy the Embed URL within the embed code

​

​

Choose image or video

Looking for additional customization? Images, Links and videos can be added to the Challenge Instructions and Post Challenge message.

13 of 36

Display Screens

14 of 36

Display Screen Examples:

15 of 36

Leaderboards

This is the leaderboard you can use to display on a monitor or screen.

Choose either a 5 person, 10 person, 20 person template or create your own custom number.

There are different leaderboard types: Overall leaderboard, Daily leaderboard, Team leaderboard

Recommendation: If you have multiple leaderboards, consider making small changes (e.g. title, color, etc.) to your base graphic for each additional leaderboard that you create so it’s easy to determine the difference.

Image Size:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

Include any images and words that should be in the

graphic except for the names, which will be added by �SocialPoint (ex, if you want the word Leaderboard or

a logo to appear, it should be on the graphic.

Graphic

Templates:

​

16 of 36

Prize Wheel & Raffle Drawing Wheel

Virtual Prize Wheel is composed of three different images, slice colors and a panel design.

Template:

  • Wheel Graphic Templates: Adobe Illustrator, Canva

Raffle Wheel Colors

Font Color

Slice Colors

​

17 of 36

Prize Wheel & Raffle Drawing Wheel

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�Consider reusing your Player App Background for consistency!

​

Prize Wheel Border Image:

  • Dimensions: 1920 × 1080 px
  • File formats: PNG, SVG
  • Maximum file size: 4 MB
  • This image is layered on top of the background image and wheel slices.

Logo:

  • Dimensions: 400 × 200 px
  • File formats: PNG, SVG
  • Maximum file size: 4 MB
  • Layered on top of the Prize Wheel Border image��*You can add the Center Wheel Logo image on the Prize Wheel �Border Image if you would like more control of the size.

Transparent

areas

18 of 36

Prize & Raffle Wheel: Panel Boxes

Panel boxes are used in the Prize Wheel and Raffle Wheels

Panel Box Colors

Title Bar Background Color

Title Bar Font Color

​

Message Header Font Color

Message Font Color

​

Panel Background Color

​

​

19 of 36

Photo Collage – Web Gallery

Graphic:

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�

Template:

  • Background template: �Adobe Illustrator, Canva

Consider reusing your Player App Background for consistency!�

20 of 36

Photo Collage – Scrolling Gallery

Graphic:

Banner Image:

  • Dimensions: 1920 × 250 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

​

Template:

  • Background template: �Adobe Illustrator

21 of 36

Live Poll Results

Graphic:

Template:

  • Background template: Adobe Illustrator, Canva

Consider reusing your Player App Background for consistency!�

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�

22 of 36

Word Cloud

Template:

  • Background template: Adobe Illustrator, Canva

Graphic:

Consider reusing your Player App Background for consistency!�

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�

23 of 36

Crowd Choice

Template:

  • Background template: Adobe Illustrator, Canva

Graphic:

Consider reusing your Player App Background for consistency!�

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�

24 of 36

This or That

Template:

  • Background template: Adobe Illustrator, Canva

Graphic:

Consider reusing your Player App Background for consistency!�

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�

25 of 36

Brainstorming

Template:

  • Background template: Adobe Illustrator, Canva

Graphic:

Consider reusing your Player App Background for consistency!�

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�

26 of 36

Q&A

Template:

  • Background template: Adobe Illustrator, Canva

Graphic:

Consider reusing your Player App Background for consistency!�

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�

27 of 36

Highlights

Template:

  • Background template: Adobe Illustrator, Canva

Graphic:

Consider reusing your Player App Background for consistency!�

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional – can be a solid color

�

28 of 36

Advanced Customization

29 of 36

Player App: Custom Challenge Badges

Image Badges

Create your own badge images with the following specs:

  • Dimensions: 60 × 60 px
  • File formats: PNG, GIF, SVG
  • Maximum file size: 4 MB

​

  • Due to small size, words and certain logos may not be legible

Create your own custom badge images

30 of 36

Player App: Reward Image and Message

Graphic

Fully customize the Status Page to stay on brand.

Prize Image

  • Dimensions: 400 × 200 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB
  • Optional

​

31 of 36

Prize Wheel – Individual Prize Images

Graphic

Prize Image

  • Dimensions: 400 × 200 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

Sponsor Image

  • Dimensions: 400 × 200 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

32 of 36

Caption This

Graphic:

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

Include any words that should be in the graphic except for the caption and photo, which will be added by SocialPoint (ex, if you want the words “Caption this Photo” or a logo to appear, it should

be on the graphic.

​

Leave space for the photo being captioned, but it should not be included on the background graphic.

​

Image for Captioning:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

​

Template:

  • Caption Background template: Adobe Illustrator, Canva

33 of 36

Live Trivia: Additional Screens

Question Screen

Answers Screen

If you are utilizing Live Trivia there are 3 additional graphics for the screen to be designed. These screens can be branded with background graphics and color themes to match the overall game or be created specific to the live trivia game.

​

Self-paced trivia games do not use these screens.

Leaderboard Screen

*this leaderboard includes points for the trivia game only, not the overall game points

34 of 36

Live Trivia: Question Screen

Graphics:

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

  • Optional – can be a solid color�

Template:

  • Live Trivia Question Screen Template: Adobe Illustrator, Canva

35 of 36

Live Trivia: Answer Screen

Graphics:

Template:

  • Background template: Adobe Illustrator, Canva

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

  • Optional – can be a solid color�

36 of 36

Live Trivia: Leaderboard Screen

Background Image:

  • Dimensions: 1920 × 1080 px
  • File formats: JPEG (JPG), PNG, GIF, SVG
  • Maximum file size: 4 MB

​

Include any images and words that should be in the

graphic except for the names, which will be added by �SocialPoint (ex, if you want the word Leaderboard or

a logo to appear, it should be on the graphic.

Graphic

Templates:

​