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

# Temas predeterminados

> HubSpot proporciona una variedad de temas para que puedas usar, modificar o usar como referencia para el tema de tu propio sitio web. También puedes descargar estos temas a tu entorno local utilizando nuestras herramientas CLI.

export const SupportedProducts = ({marketing, sales, service, cms, marketingLevel, salesLevel, serviceLevel, cmsLevel}) => {
  const translations = {
    header: "Productos compatibles",
    description: "Se requiere uno de los siguientes productos o productos de ediciones superiores.",
    productNames: {
      marketing: "Marketing Hub",
      sales: "Sales Hub",
      service: "Service Hub",
      cms: "Content Hub"
    },
    tiers: {
      free: "Gratuito",
      starter: "Starter",
      professional: "Pro",
      enterprise: "Enterprise"
    }
  };
  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="Productos compatibles" defaultOpen="true" icon="cubes">
  <SupportedProducts cms={true} cmsLevel="starter" />
</Accordion>

HubSpot ofrece un conjunto de temas predeterminados que los creadores de contenido pueden usar para crear páginas web sin necesidad de modificar el tema base. Estos temas son los más adecuados para los creadores de contenido que tienen menos acceso a los recursos para desarrolladores.

Si deseas desarrollar tu propio tema, es recomendable comenzar con el [Boilerplate de CMS de HubSpot](/docs/cms/start-building/building-blocks/themes/hubspot-cms-boilerplate). Sin embargo, puedes descargar y modificar temas predeterminados usando la [CLI de HubSpot](https://developers.hubspot.com/docs/developer-tooling/local-development/hubspot-cli/reference).

A continuación, descubre los temas predeterminados disponibles actualmente.

<Warning>
  ### Nota:

  Las cuentas de ***CMS Hub*** *Starter* solo tienen acceso al tema de Crecimiento.
</Warning>

## Modificación de los temas predeterminados

Los temas predeterminados de HubSpot se encuentran en una carpeta etiquetada @hubspot en el sistema de archivos de desarrolladores. Esta carpeta es de solo lectura y HubSpot solo puede modificar el contenido. Si quieres modificar un tema, deberás [buscar](https://developers.hubspot.com/es/docs/cms/developer-reference/local-development-cms-cli#fetch) el tema que deseas y luego [cargar](https://developers.hubspot.com/es/docs/cms/developer-reference/local-development-cms-cli#upload) el tema con los cambios a una carpeta diferente a @hubspot.

## Listado de temas predeterminado

Siéntete libre de descargar nuestros temas predeterminados usando los comandos CLI de la lista. [Más información sobre el comando fetch](https://developers.hubspot.com/es/docs/cms/developer-reference/local-development-cms-cli#fetch) en la [CLI de CMS](https://developers.hubspot.com/docs/developer-tooling/local-development/hubspot-cli/reference).

### Tema Crecimiento

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://www.hubspot.com/hubfs/5Cdocs/default-themes/growth-homepage.jpg" alt="Página principal del tema Crecimiento" />
    </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>

## Temas predeterminados en modo de mantenimiento

Los siguientes temas pasaron al modo de mantenimiento. Ya no se actualizarán con nuevas funciones y solo recibirán actualizaciones relacionadas con la seguridad, la accesibilidad y las correcciones de errores.

### Tema Barricada

Un tema orientado a los negocios de la construcción.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-barricade-theme-thumb-4.jpg" alt="Captura de pantalla de tema Barricada" />
    </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>

### Tema Educación

Un tema diseñado para Escuelas, Universidades u otras instituciones educativas.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-education-theme-thumb-4.jpg" alt="Captura de pantalla del tema Educación" />
    </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>

### Tema Martech

Un tema de sitio web orientado a las empresas de tecnología de marketing.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-martech-theme-thumb-4.jpg" alt="Captura de pantalla de tema 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>

### Tema Rally

Un tema diseñado para Empresas y Agencias.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-rally-theme-thumbnail-1-4.png" alt="Captura de pantalla del tema 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>

### Tema Sesión

Un tema diseñado para empresas.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-session-theme-thumb-4.jpg" alt="Captura de pantalla del tema Sesión" />
    </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>

### Tema Sprout

Un tema diseñado para Empresas y Agencias.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-sprout-theme-thumb-4.jpg" alt="Captura de pantalla del tema 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>

### Tema Vitalidad

Un tema diseñado para Empresas y Agencias.

<DndSection>
  <DndModule numCols={5}>
    <Frame>
      <img src="https://cdn2.hubspot.net/hubfs/53/5Cdocs/default-themes/cms-vitality-theme-thumb-4.jpg" alt="Captura de pantalla de tema Vitalidad" />
    </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>