Skip to main content

Quickstart: FanSee - Spec Guide

Complete guide to preparing uploads for your FanSee activation

This guide provides comprehensive technical specifications, upload dimensions, layer ordering, and output configurations needed for your FanSee experience. FanSee supports multiple output formats and display layouts—follow these specifications carefully to ensure proper display across all configurations.

👥 Need Visual Reference Materials?

Contact your CUE Client Success Representative to request a shareable PDF with detailed visual examples, mockups, and asset placement guides for your team.

Upload Specifications Overview

📱 Mobile Graphics

Upload Name

Dimensions

Media Type

Visibility

Status

Mobile Background

1080 x 1920 px

Image / Video

Prior to Instance Start

Recommended

Home Screen Logo

500 x 500 px

Image

Prior to Instance Start

Optional

Mobile Frame

1080 x 1920 px

Image

During Live Activation

Recommended

1️⃣ Mainboard Output Graphics

Upload Name

Dimensions

Media Type

Visibility

Status

Output Background

1920 x 1080 px

Image / Video

1:1 Output Set To: (1920x1080)

Recommended

Left / Right Image (16:9)

500 x 1000 px

Image

Output Set To: Mobile
Mainboard
Feed Count
Images
Full Screen1:1 Output (16:9 display)

Recommended

Left / Right Image (4:1)

1000 x 1000 px

Image

1:1 Output (4:1 display)

Recommended

1:1 Fall Back Image

1080 x 1080 px

Image/Video

1:1 Output (fallback)

Recommended

Output Background

1920 x 1080 px

Image / Video

Mainboard Output (All)

Recommended

Output Frame (9:16 Output)

1080 x 1920 px

Image

9:16 Output

Optional

Banner Image (9:16 Output)

1920 x 210 px

Image

9:16 Output

Recommended

9:16 Fall Back Image

1080 x 1920 px

Image

9:16 Output (fallback)

Recommended

Output Overlay

1920 x 1080 px

Image

Optional

File Format Requirements

Image Formats

Supported: PNG, JPEG, JPG
Maximum Size: 2 MB per image
Best Practice: Use PNG for images with transparency

Video Formats

Supported: MP4
Maximum Size: 15 MB per video
Playback: Videos will loop continuously

Layer Order Guide (Critical for FanSee)

⚠️ Layer ordering is critical to FanSee displays. Uploads must be layered correctly to display properly. Follow the layer order guidelines below for each output format.

Mobile View Layer Stack

  • Prior to Start

    • Bottom - Mobile Background: Base layer. Displays behind all other elements. If no image is uploaded, the Background color will be used.

    • Top - Home Screen Logo: Displays on top of the background. A PNG with a transparent background is recommended.

  • During Live Activation

    • Bottom - User's Live Video

    • Top - Mobile Frame: Displays in front of all live video. A PNG with a transparent section in the middle is recommended - this allows the live video to show through. Frequently includes event and sponsor logos, as well as messaging to hold the phone steady.

Mainboard Output Layer Stack

  • Bottom (Layer 1) - Output Background: Base layer. Displays behind all other elements. If no image is uploaded, the Background color will be used.

  • Layer 2

    • Left Image: Displays on top of Background Image/Color. A PNG with a transparent background is recommended. Typically used for a call to action, sponsor integration and QR code mobile link.

    • Right Image: Displays on top of Background Image/Color. A PNG with a transparent background is recommended. Typically used for a call to action, sponsor integration and QR code mobile link.

    • 1:1 Fall Back Image/Video: Visible when activation is live, but no live video is streamed to a 1:1 space on the mainboard. This is on top of the Background and behind any live video feed(s) from users.

    • 9:16 Fall Back Image/Video: Visible when activation is live, but no live video is streamed to a 9:16 space on the mainboard. This is on top of the Background and behind any live video feed(s) from users.

    • Banner Image: Positioned at the top of the display. Only visible if the Mainboard is set to 16:9, the Mobile is set to 9:16 and the Feed Count is set to 4. Often acts as the Call to action for this layout, as the Left Image and Right Image are not visible with this layout.

  • Layer 3 - Live Video Feeds: These will fill the 1:1 or 9:16 spaces - either 1, 2 or 4 feeds visible on the mainboard output at a time.

  • Layer 4

    • Output Frame (1:1 Mobile Feed): Decorative frame overlay for 1:1 mobile feeds. This is always on if uploaded. A PNG with a transparent section in the middle is recommended - this allows the live video to show through.

    • Output Frame (9:16 Mobile Feed): Decorative frame overlay for 9:16 mobile feeds. This replaces the default Phone frame that is visible when the mobile feeds are set to 9:16. If the "Full Screen" toggle is ON in the Control tab, this Output Frame will not be visible. A PNG with a transparent section in the middle is recommended - this allows the live video to show through.

  • Top (Layer 5) - Output Overlay: Decorative frame overlay for the full 16:9 output. This can work as an output overlay for 4:1 mainboard outputs as well - the design should be uploaded as a 4:1 that is centered vertically in a 16:9 image. A PNG with a transparent sections so the elements beneath are visible, is recommended.

🎨 Design Tip - Mobile Message: We strongly recommend designing the instruction message into the mobile background image itself, rather than relying on a separate element. This ensures the message displays correctly and cohesively with your design, as shown in the reference materials from your Client Success Representative.

💡 Pro Tip - Transparency: For Left/Right images, always use PNG format with transparent backgrounds. This allows the underlying Output Background to show through, creating the proper layered effect.

Need Help?

FanSee activations involve complex multi-output configurations and layer ordering. If you have questions about preparing your uploads, need clarification on output settings, layer ordering, or want to discuss optimal designs for your specific display setup, please contact your Client Success Representative. They can also provide visual reference materials and mockups tailored to your activation's display configuration.

Did this answer your question?