> ## Documentation Index
> Fetch the complete documentation index at: https://developers.hubspot.fr/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Thèmes par défaut

> HubSpot vous propose une variété de thèmes à utiliser, à modifier ou à définir comme référence pour votre propre thème de site web. Vous pouvez également télécharger ces thèmes dans votre environnement local à l'aide de nos outils d'ILC.

export const SupportedProducts = ({marketing, sales, service, cms, marketingLevel, salesLevel, serviceLevel, cmsLevel}) => {
  const translations = {
    header: "Produits pris en charge",
    description: "Exige l'un des produits suivants ou un produit supérieur.",
    productNames: {
      marketing: "Marketing Hub",
      sales: "Sales Hub",
      service: "Service Hub",
      cms: "Content Hub"
    },
    tiers: {
      free: "Gratuit",
      starter: "Starter",
      professional: "Pro",
      enterprise: "Entreprise"
    }
  };
  const translateTier = tier => {
    if (!tier) return '';
    const lowerTier = tier.toLowerCase();
    return translations.tiers[lowerTier] || tier;
  };
  const products = [{
    name: marketing ? translations.productNames.marketing : '',
    level: translateTier(marketingLevel),
    icon: "https://mintlify-assets.b-cdn.net/Icons/marketing-bolt.svg",
    alt: "Marketing Hub"
  }, {
    name: sales ? translations.productNames.sales : '',
    level: translateTier(salesLevel),
    icon: "https://mintlify-assets.b-cdn.net/Icons/sales-star.svg",
    alt: "Sales Hub"
  }, {
    name: service ? translations.productNames.service : '',
    level: translateTier(serviceLevel),
    icon: "https://mintlify-assets.b-cdn.net/Icons/service-heart.svg",
    alt: "Service Hub"
  }, {
    name: cms ? translations.productNames.cms : '',
    level: translateTier(cmsLevel),
    icon: "https://mintlify-assets.b-cdn.net/Icons/content-play.svg",
    alt: "Content Hub"
  }].filter(product => product.name && product.level);
  if (products.length === 0) return null;
  return <div>
      <div className="text-sm mb-2">{translations.description}</div>
      <div className={`grid ${products.length === 1 ? 'grid-cols-1' : 'grid-cols-2'} gap-1.5`}>
        {products.map((product, index) => <div key={index} style={{
    display: 'flex',
    alignItems: 'center'
  }}>
            <img src={product.icon} alt={product.alt} className="w-3.5 h-3.5 mr-1.5 mt-2.5 mb-2.5 flex-shrink-0 align-middle" />
            <span className="font-medium mr-1 text-sm">{product.name} -</span>
            <span className="text-sm">{product.level}</span>
          </div>)}
      </div>
    </div>;
};

<Accordion title="Produits pris en charge" defaultOpen="true" icon="cubes">
  <SupportedProducts cms={true} cmsLevel="starter" />
</Accordion>

HubSpot fournit un ensemble de thèmes par défaut que les créateurs de contenu peuvent utiliser pour créer des pages de site web sans avoir à modifier le thème de base. Ces thèmes sont parfaits pour les créateurs de contenu qui ont un accès moindre aux ressources des développeurs.

Si vous souhaitez développer votre propre thème, il est recommandé de commencer par le [boilerplate de CMS Hub](/docs/cms/start-building/building-blocks/themes/hubspot-cms-boilerplate). Toutefois, vous pouvez télécharger et modifier les thèmes par défaut à l'aide de l'[ILC HubSpot](https://developers.hubspot.fr/docs/guides/cms/tools/local-development-cli).

Découvrez ci-dessous les thèmes par défaut actuellement disponibles.

<Warning>
  ### Remarque:

  Les comptes ***CMS Hub*** *Starter* n'ont accès qu'au thème Growth.
</Warning>

## Modification des thèmes par défaut

Les thèmes par défaut de HubSpot sont situés dans un dossier intitulé @hubspot dans le système de fichiers de développeur. Ce dossier est en lecture seule et le contenu ne peut être modifié que par HubSpot. Si vous souhaitez modifier un thème, vous devrez [récupérer](https://developers.hubspot.fr/docs/guides/cms/tools/local-development-cli#fetch) le thème que vous souhaitez, puis [télécharger](https://developers.hubspot.fr/docs/guides/cms/tools/local-development-cli#upload) le thème avec vos modifications dans un dossier différent de @hubspot.

## Liste des thèmes par défaut

N'hésitez pas à télécharger nos thèmes par défaut via les commandes d'ILC répertoriées. [Découvrez-en davantage sur la commande fetch](https://developers.hubspot.fr/docs/guides/cms/tools/local-development-cli#fetch) dans l'[ILC de CMS](https://developers.hubspot.fr/docs/guides/cms/tools/local-development-cli).

### Thème Growth

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://www.hubspot.com/hubfs/5Cdocs/default-themes/growth-homepage.jpg" alt="Page d'accueil du thème Growth" />
    </Frame>
  </DndModule>

  <DndModule numCols={7}>
    <div>
      [View Growth theme live demo](https://design-assets.hubspot.com/growth/home)
    </div>

    <div>
      #### Industry:

      Any

      #### Features:

      * 18 Modules
      * 12 Sections
      * 16 Templates

      #### How to download:
    </div>

    ```shell theme={null}
    hs fetch @hubspot/growth <destination-folder>
    ```
  </DndModule>
</DndSection>

## Thèmes par défaut en mode maintenance

Les thèmes suivants ont été déplacés en mode maintenance. Ils ne seront plus mis à jour avec de nouvelles fonctionnalités et ne recevront que des mises à jour concernant la sécurité, l'accessibilité et les corrections de bugs.

### Thème Barricade

Un thème destiné aux entreprises de construction.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-barricade-theme-thumb-4.jpg" alt="Capture d'écran du thème Barricade" />
    </Frame>
  </DndModule>

  <DndModule numCols={7}>
    <div>
      [View Barricade theme live demo](https://design-assets.hubspot.com/barricade/home)
    </div>

    <div>
      #### Industry:

      Construction

      #### Features:

      * 10 Modules
      * 19 Templates

      #### How to download:
    </div>

    ```shell theme={null}
    hs fetch @hubspot/barricade <destination-folder>
    ```
  </DndModule>
</DndSection>

### Thème Education

Un thème conçu pour les écoles, les lycées ou d'autres établissements d'enseignement.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-education-theme-thumb-4.jpg" alt="Capture d'écran du thème Education" />
    </Frame>
  </DndModule>

  <DndModule numCols={7}>
    <div>
      [View Education theme live demo](https://design-assets.hubspot.com/education/home)
    </div>

    <div>
      #### Industry:

      Education

      #### Features:

      * 13 Modules
      * 18 Templates

      #### How to download:
    </div>

    ```shell theme={null}
    hs fetch @hubspot/education <destination-folder>
    ```
  </DndModule>
</DndSection>

### Thème Martech

Un thème de site web destiné aux entreprises technologiques marketing.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-martech-theme-thumb-4.jpg" alt="Capture d'écran du thème Martech" />
    </Frame>
  </DndModule>

  <DndModule numCols={7}>
    <div>
      [View Martech theme live demo](https://design-assets.hubspot.com/martech/home)
    </div>

    <div>
      #### Industry:

      Business Services, Marketing Agency

      #### Features:

      * 9 Modules
      * 19 Templates

      #### How to download:
    </div>

    ```shell theme={null}
    hs fetch @hubspot/martech <destination-folder>
    ```
  </DndModule>
</DndSection>

### Thème Rally

Un thème conçu pour les entreprises et les agences.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-rally-theme-thumbnail-1-4.png" alt="Capture d'écran du thème Rally" />
    </Frame>
  </DndModule>

  <DndModule numCols={7}>
    <div>
      [View Rally theme live demo](https://design-assets.hubspot.com/rally/home)
    </div>

    <div>
      #### Industry:

      Business Services, Marketing Agency

      #### Features:

      * 14 Modules
      * 19 Templates

      #### How to download:
    </div>

    ```shell theme={null}
    hs fetch @hubspot/cms-rally <destination-folder>
    ```
  </DndModule>
</DndSection>

### Thème de session

Un thème conçu pour les entreprises.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-session-theme-thumb-4.jpg" alt="Capture d'écran du thème de session" />
    </Frame>
  </DndModule>

  <DndModule numCols={7}>
    <div>
      [View Session theme live demo](https://design-assets.hubspot.com/session/home)
    </div>

    <div>
      #### Industry:

      Business Services, Consumer Services

      #### Features:

      * 9 Modules
      * 18 Templates

      #### How to download:
    </div>

    ```shell theme={null}
    hs fetch @hubspot/session <destination-folder>
    ```
  </DndModule>
</DndSection>

### Thème Sprout

Un thème conçu pour les entreprises et les agences.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-sprout-theme-thumb-4.jpg" alt="Capture d'écran du thème Sprout" />
    </Frame>
  </DndModule>

  <DndModule numCols={7}>
    <div>
      [View Sprout theme live demo](https://design-assets.hubspot.com/sprout/home)
    </div>

    <div>
      #### Industry:

      Business Services, Consumer Services

      #### Features:

      * 15 Modules
      * 21 Templates

      #### How to download:
    </div>

    ```shell theme={null}
    hs fetch @hubspot/sprout <destination-folder>
    ```
  </DndModule>
</DndSection>

### Thème Vitality

Un thème conçu pour les entreprises et les agences.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-vitality-theme-thumb-4.jpg" alt="Capture d'écran du thème Vitality" />
    </Frame>
  </DndModule>

  <DndModule numCols={7}>
    <div>
      [View Vitality theme live demo](https://design-assets.hubspot.com/vitality/home)
    </div>

    <div>
      #### Industry:

      Business Services, Healthcare, Consumer Services

      #### Features:

      * 8 Modules
      * 18 Templates

      #### How to download:
    </div>

    ```shell theme={null}
    hs fetch @hubspot/vitality <destination-folder>
    ```
  </DndModule>
</DndSection>