VXP Design Guidelines

VXP Custom Design Guidelines

Each module of the VXP virtual meeting platform is developed and tested to assure use and viewing as designed across all devices and browsers. The VXP platform is also developed to be visually branded to each client or event. It is recommended all design elements be in place before the meeting starts as the VXP servers leverage cached content (eg. loaded 1X and held in local browser memory to not need to be downloaded again).

General platform information

Event Name

Text based
Used on Announce, Login, meeting room screens
Client to provide name of event for use on meeting platform

Logo

An event or company logo can be included on the platform:

Announce and login screens
Platform navigation bar
Top of interactions module in meeting room

Design Element Specifications:

File formats: .svg, .ai, .eps, .psd, or .png
800px wide minimum

Backgrounds

Backgrounds are customized for each meeting/client. Recommendation is consistent background styling across the platform for the following screens: announce, login, meeting room(s), end of meeting. Backgrounds can be any the following: Solid color, gradient colors, texture, image, video loop

Design Element Specifications:

Solid color: HEX value
Gradient colors: 2 HEX values and orientation (top-bottom, left-right, angle, etc.)
Background seamless tiled texture:
- 256×256 px or 512×512 px
- File size: 50-200 kb
- File formats: .jpg, .jpeg, .png, .svg
Background image:
- 1920×1080 px
- File size: <2 mb
- File formats: .jpg, .jpeg, .png, .psd, .svg, .ai, .eps
Background Video:
- 1920×1080 px
- File size: under 7mb for optimal loading
- File formats: MP4 (H.264/.265) or WebM (VP9)
- Frame rate: 24-30 FPS
- Target bit rate: 3-5 Mpbs
- Length: 5-25 seconds, seamlessly looping
- No audio

Favicon

A favicon, short for “favorite icon”, is a small image that represents a website or web page in the browser address bar. Custom art can be used.

Design Element Specifications:

32 x 32px
.gif, .png, or .ico
Transparency support based on browser

Fonts

The VXP platform by default uses one of the most common, and legible (with special consideration for legibility of text on small device screens) font options.

Platform wide font can be customized if requested.

Google font library
Custom fonts (e.g. anything outside Google font library) is not included in the base VXP packages, but can be implemented as a project add-on, and with a minimum of 3 weeks before meeting platform use for implementation and testing.

Responsive Design

All VXP platforms are built with responsive design in mind. Responsive design ensures that a website or app looks good and works well no matter what device is being used; phone, tablet, laptop, or big desktop screen. The content, images, and buttons adjust their size and position automatically so you can easily read, click, and scroll, whether you’re on a portrait or landscape window.

Full screen:

Tablet, portrait:

Cell phone:

Login

Get more details about each login screen by clicking on the image. VXP login screens are customizable to ensure event branding is consistent across the production.

Vertical Column