Aller au contenu
Mistral Studio

Images, contenu de démonstration et marques

Ce qu'il faut garder du contenu de démo, comment téléverser vos images pour une performance optimale, et les logos tiers à remplacer avant de publier.

Mis à jour le 23 août 2026 · 4 min de lecture · S'applique à partir de la version 1.0.0

Chaque template s'ouvre avec un contenu de démonstration pour que vous voyiez la mise en page avant d'y toucher. Voici ce qu'est ce contenu, ce que vous pouvez garder et ce que vous devez remplacer.

Textes de démonstration

Les noms d'entreprises, projets, clients, membres d'équipe, chiffres et témoignages du contenu de démonstration sont fictifs. Remplacez-les ; rien de tout cela n'est destiné à être publié tel quel.

Photographies et illustrations de démonstration

Les images de images/placeholders/ sont des créations originales réalisées pour ce theme et concédées avec lui : vous pouvez les conserver, les modifier et les publier sur les sites que vous construisez avec Mistral Pro. Vous ne pouvez pas les redistribuer seules ni au sein d'un autre produit.

Elles sont dimensionnées pour leurs emplacements (toutes sous 1 Mo), et chaque module les sert via le redimensionnement natif de HubSpot avec un srcset : remplacer ces images par vos propres photographies ne coûte rien en performance.

Téléverser vos propres images

  1. Exportez une source au moins aussi large que l'emplacement qu'elle remplira (un hero ou une bannière : environ 2000 px de large ; une carte ou un portrait : 800 à 1200 px ; un avatar : 200 px) et gardez-la légère (JPEG pour les photos, PNG ou SVG pour les logos).
  2. Téléversez-la dans le Gestionnaire de fichiers (Marketing → Fichiers et modèles → Fichiers) ou directement depuis le champ image du module.
  3. Renseignez le texte alternatif — chaque champ image du theme en a un. Laissez-le vide uniquement pour les images purement décoratives.
  4. Laissez HubSpot faire le reste : chaque module demande les tailles dont il a besoin et HubSpot redimensionne à la volée, en servant des formats plus légers aux navigateurs qui les prennent en charge.

Marques tierces — à lire avant de publier

Le contenu de démonstration du module Technology ecosystem with orbiting logos de la page d'accueil affiche les vrais logos de produits tiers (images/brand/stack-*.svg : HubSpot, Google Analytics, Google Ads, Meta, Figma, Webflow, Semrush, Mailchimp, TikTok), et les noms par défaut de ses nœuds mentionnent aussi Salesforce, Shopify, Stripe et Canva. Le Client logo marquee est livré avec des noms d'entreprises fictifs et aucun fichier de logo.

Ces logos et ces noms sont des marques déposées de leurs propriétaires respectifs. Ils sont inclus pour illustrer l'usage du module — montrer une pile technologique — et ils ne vous sont pas concédés par Mistral Studio. Avant de publier, vous devez :

  • les remplacer par les marques que vous êtes en droit d'afficher — chaque nœud de l'orbite accepte votre propre SVG ou PNG, ou se rabat sur un monogramme (initiales) et une couleur de votre choix ; ou
  • vous assurer que vous détenez le droit de les afficher, par exemple dans le cadre de la charte de marque du propriétaire ou d'un programme partenaire.

Il en va de même pour tout logo que vous ajoutez au Client logo marquee ou à tout autre module.

Définissez votre logo une seule fois dans Paramètres → Contenu → Thèmes → Mistral Pro → Modifier les paramètres du thème → Header ; il hérite de votre kit de marque (Paramètres → Valeurs par défaut du compte → Image de marque) tant que vous ne le changez pas. Ajoutez un Logo on dark backgrounds si votre logo est sombre : il est utilisé tant que le header est transparent au-dessus d'un hero sombre. Le footer ainsi que le header et le footer des landing pages ont leurs propres champs de logo, tous héritant du kit de marque.

Licence

Les conditions de licence — pour le theme, les visuels de démonstration et les marques tierces — sont dans license.txt à la racine du dossier du theme. Voir Support.

Voir aussi