Nouveau sur Videas ? Commencez par Premiers pas : tour de l’interface.
Une fois votre chaîne créée, vous voulez la mettre aux couleurs de votre marque : votre logo dans la barre de navigation, votre couleur dominante sur les boutons et accents, un mode clair ou sombre cohérent avec votre univers, et un style de cartes vidéo adapté à votre catalogue. Tout cela se règle au même endroit dans Videas : le drawer Paramètres du site, accessible depuis l’éditeur de chaîne. Ce guide en fait le tour onglet par onglet.
Prérequis
- Une chaîne déjà créée (voir Créer votre chaîne vidéo sur Videas)
- Le rôle Owner ou Admin sur la chaîne
- Un logo prêt à importer (idéalement SVG ou PNG transparent)
Ce que vous allez apprendre
- Ouvrir le drawer Paramètres du site depuis l’éditeur de chaîne
- Configurer votre identité : logo, couleur principale, thème clair ou sombre
- Choisir un style de navigation (transparent, solide, pill)
- Choisir un style de vignettes parmi 8 templates
- Quand utiliser quel style selon votre type de contenu
Étape 1 : Ouvrir le drawer Paramètres du site
Depuis votre tableau de bord :
- Ouvrez votre chaîne pour entrer dans l’éditeur de chaîne
- Dans la barre d’outils, cliquez sur le bouton Paramètres
Un drawer latéral s’ouvre avec le titre Paramètres du site et le sous-titre « Ces paramètres s’appliquent à toutes les pages ». Trois onglets sont disponibles :
- Identité (par défaut) — logo, couleurs, thème
- Menus — gestion des liens du header et du footer (voir Catégories et menus de votre chaîne)
- Apparence — style de navigation et style des vignettes
Bon à savoir : les modifications sont appliquées en temps réel à la prévisualisation dans l’éditeur. Vous pouvez ainsi tester un changement de couleur ou de template de carte avant de l’enregistrer.
Étape 2 : Configurer l’onglet Identité
C’est l’onglet le plus structurant pour votre marque. Trois sections.
Logo
Le panneau Logo propose un sélecteur de média :
- Cliquez dans la zone pour importer une image (formats acceptés : PNG, JPG, SVG)
- Le logo s’affiche dans la barre de navigation et le pied de page de votre chaîne
Conseil : privilégiez un logo en SVG ou en PNG à fond transparent. Cela garantit une intégration propre quel que soit le thème (clair ou sombre) et un rendu net sur tous les écrans, y compris en haute densité (Retina, 4K).
Pour les chaînes en mode sombre, vérifiez que votre logo reste lisible sur fond foncé. Si votre logo est noir, prévoyez une version blanche que vous pourrez appliquer avant de basculer le thème.
Couleurs
Le panneau Couleurs propose un sélecteur de couleur principale avec :
- Une palette de presets (8 couleurs prêtes à l’emploi : violet profond, bleu, sarcelle, vert, orange, rouge, magenta, gris ardoise)
- Un sélecteur personnalisé pour saisir n’importe quelle valeur hexadécimale et coller exactement votre couleur de marque
À la création de la chaîne, Videas pré-remplit cette couleur avec un violet profond (#884aff) — vous pouvez bien sûr la remplacer immédiatement.
Cette couleur est utilisée pour les boutons d’action principaux, les liens, les accents visuels sur les pages de votre chaîne, et plusieurs éléments du lecteur intégré.
Astuce contraste : une couleur très claire passe mal en mode sombre (les boutons disparaissent), une couleur très saturée fatigue l’œil sur les longs parcours. Choisissez une couleur intermédiaire en luminosité et testez la lecture en mode clair et en mode sombre avant de valider.
Thème par défaut
Deux cartes à choisir :
- Clair — fond clair, texte foncé. Adapté aux contenus pédagogiques, corporate, e-commerce
- Sombre — fond foncé, texte clair. Adapté aux contenus immersifs (vidéo de divertissement, VOD, formation premium)
C’est le thème de démarrage que verront vos visiteurs. Selon votre code de chaîne, certains styles de cartes (Netflix, Cinématique) rendent particulièrement bien en sombre.
Étape 3 : Configurer l’onglet Apparence
Cet onglet contrôle deux éléments structurants de la mise en page : la barre de navigation et les vignettes vidéo.
Style de navigation
Trois options sous forme de cartes avec aperçu schématique :
| Option | Rendu | Quand l’utiliser |
|---|---|---|
| Transparent | Barre flottante au-dessus de la bannière, sans fond | Style VOD / Netflix — met en valeur l’image héro de la page d’accueil |
| Solide | Barre avec fond plein, séparateur sous la barre | Style classique — lisibilité maximale, idéal pour les sites éditoriaux et corporate |
| Pill | Boutons de navigation regroupés dans une capsule arrondie au centre | Style France TV — moderne, marqué, met en avant les sections |
Conseil : Transparent est très visuel mais demande une bannière forte sur la page d’accueil, sinon la barre flotte sur du vide. Solide est le choix le plus polyvalent. Pill est pertinent quand vous voulez un identifiant fort de marque (chaîne d’institution, média, branding affirmé).
Style des vignettes
Apparence des cartes vidéo affichées dans les listings (catégories, recherche, blocs de la page d’accueil). 8 templates prêts à l’emploi :
| Template | Format | Adapté pour |
|---|---|---|
| Cinématique (défaut) | Paysage 16:9 avec dégradé bas | Catalogue généraliste, contenus à fort visuel |
| Minimal | Paysage 16:9 épuré | Sites éditoriaux, contenu pro |
| Poster | Portrait 2:3 type affiche cinéma | VOD, cinéma, séries |
| Poster compact | Portrait 2:3 plus dense | Catalogues volumineux (réduit la hauteur des grilles) |
| Formation | Paysage avec encart titre/durée appuyé | Plateformes de formation |
| Formation 2 | Variante du style Formation | Alternative avec accent différent |
| Arte | Paysage avec typographie éditoriale | Médias, magazine vidéo, documentaires |
| Netflix | Paysage avec hover lecteur intégré | Catalogues VOD, expérience immersive |
Le choix du template s’applique partout où des cartes vidéo sont affichées sur votre chaîne : catégories, page d’accueil, recherche, profils. Un changement est immédiatement répercuté.
Conseil : alignez le template avec le format de vos miniatures. Si toutes vos vidéos ont des miniatures paysage 16:9, n’utilisez pas Poster (vos vignettes seront recadrées en portrait). Inversement, Poster est puissant uniquement si vous avez prévu des affiches portrait spécifiques.
Étape 4 : Enregistrer et publier
Vos modifications sont visibles en direct dans la prévisualisation dans l’éditeur. Pour les publier :
- Vérifiez le rendu sur plusieurs pages (accueil, catégorie, fiche vidéo) via la prévisualisation
- Cliquez sur Enregistrer (ou validez la sortie du drawer si l’éditeur vous le propose)
- Les changements sont appliqués au site public de votre chaîne
Astuce : avant un gros changement (refonte complète de la couleur ou bascule clair/sombre), prévenez votre audience par email ou par bandeau si vous avez des spectateurs réguliers — un changement visuel brusque peut désorienter.
Bonnes pratiques
Construire votre identité avant la mise en ligne
Si vous n’avez pas encore défini votre charte graphique, ne lancez pas le site avec les valeurs par défaut. Prenez 30 minutes pour fixer :
- Votre logo (au moins une version sur fond clair, idéalement aussi sur fond sombre)
- Votre couleur principale (hexadécimal exact)
- Votre mode de prédilection (clair ou sombre)
Ces trois éléments donnent 80 % du caractère visuel de votre chaîne. Le reste (templates, navigation) peut s’ajuster ensuite.
Tester sur mobile et desktop
Le rendu d’une carte Cinématique en plein écran desktop n’est pas le même que sur un smartphone en orientation portrait. Avant de valider votre style :
- Ouvrez la chaîne sur votre téléphone (URL
<choix>.videas.frou votre domaine personnalisé) - Vérifiez la lisibilité du logo dans la barre mobile
- Vérifiez les vignettes sur la page d’accueil et dans une catégorie
Tester les deux thèmes
Même si vous avez choisi un thème par défaut, certains visiteurs forceront l’autre via leurs préférences système. Vérifiez que logo + couleur restent lisibles dans le mode opposé.
Aligner avec le Page Builder
L’apparence définie ici (couleurs, thème, vignettes) s’applique aux blocs créés dans le Page Builder. Si vous avez personnalisé une section à fond coloré dans le Page Builder, un changement de couleur principale ne se propage pas automatiquement à ce fond — pensez à harmoniser. Voir Construire vos pages avec le Page Builder.
Limites à connaître
- Pas de favicon dans le drawer actuellement — le favicon hérite du logo principal
- Une seule couleur principale est paramétrable côté UI (la couleur secondaire existe en interne mais n’est pas exposée pour le moment)
- Pas de typographie personnalisée : la police est fixée par le template (modifiable indirectement via le choix de style de vignettes)
- Pas d’injection CSS personnalisée dans l’interface (à venir)
En résumé
- L’apparence se règle dans le drawer Paramètres du site, accessible depuis le bouton Paramètres de l’éditeur de chaîne
- Trois onglets : Identité (logo, couleur, thème), Menus (navigation), Apparence (navbar, vignettes)
- Identité : importez votre logo (SVG ou PNG transparent recommandé), choisissez votre couleur principale (palette ou hex), basculez Clair ou Sombre
- Apparence : 3 styles de navigation (Transparent / Solide / Pill) et 8 templates de vignettes (Cinématique, Minimal, Poster, Poster compact, Formation, Formation 2, Arte, Netflix)
- Modifications en direct dans la prévisualisation ; enregistrer pour publier