Config
      Back to home
      1. Documentation AppCraft EVENTS
      2. Platform/PWA
      3. Config

      Platform/PWA - Design

      Integrate the global design elements of your app or platform (typography, colors, logo...)

      To access the platform design configuration, simply click on the Config module, then go to the Design tab.

      In this tab, you can set :

      • Main and secondary colors
      • Logos
      • Favicon
      • Menu style
      • Desktop and mobile backgrounds
      • Typography
      • Login page design

      Global

      The global tab lets you set general design elements

      Colors

      • Main color: the main color is used to highlight the various actions.
      • Secondary color: the secondary color complements the main color
      • Background color: the background color of the platform, it will be applied to every page that doesn't have a background image.

      You can integrate your colors directly with the hexadecimal code
      If you don't know hexadecimal, you can click on the color box to access more options:

      Images & logos

      In the images & logos section, you can add your logos as well as mobile and desktop backgrounds.

      Logos & favicon

      • Logo: your event's main logo, displayed above the menu and on the mobile version.
      • Secondary logo: if you have a secondary menu, the logo must be integrated into the secondary logo section.
      • Favicon: the favicon is the small logo displayed on the browser when the site's tab is opened.

      Example favicon :

      Background image

      Image to be displayed by default on all pages. It is possible to set a different image for each page.

      • Default background image: desktop image for the entire platform. Recommended dimensions: 1920x1080
      • Default background image on mobile: background image for the entire application. Recommended dimensions: 1080x1920

      Image d'accueil

      L'image d'accueil permet d'afficher une image à la 1ere connexion pour les participants
      Cette image ne s'affichera qu'à la 1ere connexion et ne sera plus visible par la suite
      Dimensions conseillées : 750x1334

      Menu

      Menu style

      • Logo position: you can choose to position the logo at the top, or top left.
      • Button style: classic, tabs or buttons. This allows you to choose between 3 different displays for your tabs on your platform.
      • Center items: center all menu tabs

      Button style

      This style is only displayed on the desktop, not on mobile devices.

      • Logout button: this checkbox displays the participant's initials.

      image.png

      CSS

      The CSS tab lets you add CSS to the overall platform.

      Generally, this part is managed by your project manager
      However, if you know how to do CSS, you can do it here.

      Please don't delete anything!

      Fonts

      The fonts tab lets you add your own specific typefaces

      Font

      • Font name: enter the name of your typeface here
      • Backup font: in case your font is not accepted by some participants

      Custom font

      Here you can integrate your typography files in normal / italic / bold / bold italic
      Once integrated, the typography is applied throughout your platform!

      Login

      The login tab lets you customize the login page for your platform/application.

      Here you can add several design elements:

      • Logo: add your event logo
      • Banner: add your event banner
      • Background image: add a desktop background image
      • Mobile login-specific background image: adds a mobile background image
      • Background video: add a background video to the login page
      • Login-specific background video on mobile: adds a mobile background video