Design décide de l'apparence de votre plateforme : le logo, les couleurs, la police et l'emplacement de la navigation. Une plateforme à votre image ressemble à votre produit plutôt qu'à un outil que vous louez, et les membres la reconnaissent au premier coup d'œil.
Ouvrir les paramètres de design
Pour enregistrer des modifications ici, votre rôle a besoin de Gérer le design de la plateforme en plus de l'accès aux paramètres. Le propriétaire et l'administrateur ont les deux. L'onglet Communauté est l'exception, voir plus bas.
Les onglets
Design se divise en Image de marque, Mise en page, Connexion & Inscription, Écran de chargement, Communauté, Cours et Lecteur vidéo. Les deux premiers façonnent toute la plateforme ; les autres stylisent chacun une zone.
Logo et favicon
Sous Image de marque, Logo et Favicon prennent chacun deux images : une pour le Mode clair et une pour le Mode sombre. Cliquez sur une tuile pour choisir une image dans votre médiathèque.
- Le logo fonctionne le mieux en SVG ou PNG au ratio 5:1, idéalement 1000 x 200 px.
- Le favicon fonctionne le mieux en SVG ou PNG au ratio 1:1, idéalement 512 x 512 px.
Le favicon est la petite icône dans l'onglet du navigateur et le symbole de l'écran de chargement. Le logo du Mode clair est aussi le logo de vos e-mails système, jusqu'à ce que vous en définissiez un à part pour eux.
Couleurs pour le mode clair et le mode sombre
Couleur contient quatre couleurs pour chaque mode : Primaire, Texte, Surligner et Arrière-plan. Chacune est une valeur hexadécimale à six chiffres comme #0084FF.
Quand vous changez la couleur primaire, une suggestion propose Adapter l'arrière-plan à votre couleur primaire. Appliquer ajoute 2 % de votre couleur primaire au fond de page, qui prend ainsi une légère teinte de votre marque. Fermer laisse le fond tel quel.
Pourquoi les deux palettes comptent
Chaque personne bascule elle-même entre clair et sombre, avec Mode sombre dans le menu de son compte. Les nouveaux comptes démarrent en mode clair. Vous ne pouvez pas choisir le mode pour vos membres : vérifiez donc que votre logo, votre texte et votre fond restent lisibles dans les deux. Le bouton Mode clair/sombre au-dessus de l'aperçu le bascule pour vous pendant que vous travaillez.
Police et avatars
Typographie définit une seule famille de polices pour toute la plateforme. Rechercher des polices filtre la liste, et chaque entrée affiche une ligne d'exemple dans cette police. Par défaut, la plateforme utilise Roboto.
Avatars des membres choisit la forme des photos de profil partout : Rond ou Carré.
Mise en page
Mise en page contrôle le cadre autour de chaque page.
- Position de la navigation : Barre latérale (gauche) est le menu vertical classique, Barre supérieure place le menu en haut avec un contenu pleine largeur, et Principaux combinés affiche une barre méta en haut avec le menu principal en méga-menu en dessous.
- Barre latérale n'apparaît qu'avec Barre latérale (gauche) et propose Clair, Sombre, Verre et Accent.
- En-tête est soit Animé, une bande colorée aux formes qui dérivent lentement, soit Immobile, une barre simple sur le fond de page.
- Style de carte règle à quel point les cartes se détachent du fond : Forfait, Par défaut ou Surélevé.
- Coins arrondit les boutons et les blocs en cinq niveaux, de Aucun à Rond.
- Teinte de verre et Glass Blur (flou du verre) contrôlent les surfaces en verre dépoli comme les en-têtes, les panneaux déroulants et les menus déroulants : leur opacité et l'intensité du flou sur ce qui se trouve derrière.
Une nouvelle plateforme démarre avec Barre latérale (gauche), une barre latérale Clair, un en-tête Animé, des cartes Forfait et des coins Moyen.
Aperçu, réinitialisation et enregistrement
L'Aperçu à côté de Image de marque et Mise en page affiche une page d'exemple avec vos choix actuels avant l'enregistrement. Basculez entre Bureau et Mobile, activez Mode clair/sombre ou ouvrez-le en Plein écran.
Dès qu'une section diffère des valeurs par défaut, elle affiche Réinitialiser. Confirmer avec Réinitialiser dans la boîte de dialogue Réinitialiser par défaut remet cette section aux valeurs par défaut dans le formulaire. Rien n'est enregistré tant que vous n'avez pas enregistré.
Enregistrez avec Enregistrer dans la barre du bas. Les nouvelles couleurs, la police et les coins s'appliquent aussitôt, sans recharger la page.
Page de connexion et écran de chargement
Connexion & Inscription stylise les pages que les gens voient avant de se connecter. Choisissez une disposition, Carte ou Écran partagé, un Style de carte et le Type de logo : Logo, Favicon ou Aucun. Les images de fond et les textes se règlent par page dans le même onglet.
Écran de chargement définit l'animation affichée pendant le chargement de votre plateforme. Sous Style de chargement, vous en choisissez une parmi six : Aurora, Pulsation, Tuiles, Skeleton, Anneau et Constellation. Aurora est la valeur par défaut, et Rediffusion dans l'aperçu rejoue votre choix.
Définissez le favicon avant de choisir un style de chargement. Chaque style construit l'animation autour de lui.
Communauté, cours et lecteur vidéo
Les trois derniers onglets stylisent chacun une zone. Communauté et Cours définissent la Disposition de l'en-tête de ces pages ainsi que les Paramètres de l'en-tête du design choisi. L'onglet Communauté ne s'enregistre que tant que la communauté est activée sous Paramètres > Fonctionnalités, et il exige Gérer les paramètres de la communauté au lieu de Gérer le design de la plateforme. Lecteur vidéo couvre la Disposition de la barre de contrôle, les coins Arrondi, l'Arrière-plan des commandes et les Extras du lecteur pour chaque vidéo de votre plateforme.