How To: Theme Setup – Create Event Graphics

If your team will be completing the necessary graphics, please download the App Design Specifications. The document is a complete resource for creating graphics to spec, including recommendations on quality, a list of all required files and sizes, and even a link to download Photoshop templates to get the process started. Jujama is happy to help upload graphics, set up a theme with appropriate colors, and can even offer additional design services for creations of graphics. Here is an overview of required graphic files.

Desktop Apps

  • Desktop Logo: The desktop logo will appear at the top of each page on the desktop platform.
  • Email Banner: The email banner will appear at the top of every email sent from the Jujama platform on behalf of your event (both manually and automatically sent emails).
  • Desktop Header Background: Background should be a dark color or a text-free graphic as elements, like logo, search, and profile will be overlaid. Do no rely on the display area and size shown in the template as this background will scale with browser width and may be cropped, especially on mobile devices.
  • Login Page: The desktop login page can be updated with a background image, text, alternate logo, and sponsors. 
    • It is recommended to select a "Login Page Path Title". This may have previously been set by a Jujama team member. This will be the text that displays in the URL for desktop login, such as https://connect-v3.jujama.com/investmentday. By entering this URL or clicking the link available in admin, you can preview your desktop login page.
    • By default, the page is set up by pulling in the theme's desktop logo, a default background collage image with movement, a color overlay using the theme's primary color, and also default text.
    • The page background image can be set to either cover or repeat. 
      • Cover will extend the background image to the width of the browser proportionately, so this may shift the image slightly. It is recommended to upload an image that will lay nicely in the background. Do not position background image elements specifically based on location of the text and login boxes — as the browser window is resized, the background image will shift and scale. An ideal cover size background image should be sized to roughly 1200 x 800 pixels. There are no set size specifications for this image, but the file size should be less than 6MB. This version has the option for movement or no movement, though movement is trickier since the image does not repeat, so it is not recommended for this option. This version can have a transparent color overlay.
      • Repeat will allow for a repeated pattern or image that will repeat endlessly to fill the background space. This version has the option for movement or no movement. This version can have a transparent color overlay.
    • Animated GIF images can be uploaded to include motion. See this example, where the animated gif image is sized to 1200 x 674 pixels.
  • Color Selections:
    • Primary Color: Primary color will be used as button and link colors. This color should match branding, but should be darker and not white/yellow/etc.
    • Page Body Color: The page body color can be selected from within Jujama Admin. It is recommended that the color is light.

Mobile Apps

  • App Icons:
    • Event Screen Icon (for events in a container app): The event screen icon will appear in a container app event list if multiple events are added to the My Events screen.
    • App Icon (for white-label app): The app icon for white-label event apps will appear on the home screen of the user’s device.
  • Login Graphics: Choice required.
    • Login Screen Banner: If selected, the login screen banner will be placed at the top of a white background above login credential fields.
    • Fully-Branded Background Image: If selected, the fully-branded background image will fill the screen and be underlaid behind the login credential fields.
  • Dashboard/Home Screen Graphics: Choice required.
    • List or Grid Dashboard Screen Banner: If a list or grid dashboard type is selected, this banner will be placed at the top of a white background.
    • Fully-branded Background Image: If a list dashboard type is selected, this graphic will fill the screen and be underlaid behind the menu tabs, profile display, and happening now areas.
    • Feature Home Screen Banner: If the open to feature screen dashboard type is selected, this banner will be placed at the top of the social feed.

 

For Companies with Container Apps

Container App: This should be company-branded as this app will contain all of your event apps. These graphics should not include dates/locations/etc. Container app graphics will submit with the app to the stores.

  • White-Label App Icon (1024 x 1024 pixels)
  • Initial Event Search screen (Follow Login Screen specs in spec sheet linked above)
  • Placeholder Event Graphics: (These can be generic or company-branded. These will display if specific event graphics are not provided.) 
    • (Placeholder) Login Screen
    • (Placeholder) Dashboard Screen/Dashboard Banner

Individual Event Apps: These graphics should be branded for each individual app and can include dates/locations/etc., if desired. Graphics for events can be uploaded from within the Jujama admin portal.

  • Event Icon (225 x 225 pixels)
  • Dashboard Banner (1000 x 150 pixels)
  • Email Banner (640 x 150 pixels)
  • Login Screen (See spec sheet linked above)
  • Dashboard Screen/Dashboard Banner (See spec sheet linked above)
    • For events, you can choose a tabbed-dashboard ("List View") or "Open to Feature Screen" which can have a branded dashboard banner at the top (currently listed as "Social Feed Banner" on the spec sheet).

Still need help? Contact Us Contact Us