> For the complete documentation index, see [llms.txt](https://help.eventool.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.eventool.com/app/diseno.md).

# Diseño

## ¿Cómo personalizar el diseño de la app?

La **personalización** de la app es **clave** para ofrecer una experiencia alineada con la **identidad visual del evento**. A través del **panel de gestión** de Eventool, puedes modificar la distribución del menú, la cantidad de iconos por fila, la visualización de nombres debajo de los iconos, la inclusión del logo en la parte superior y los colores de la interfaz. Solo tienes que acceder al apartado de **Estructura> Diseño**:

<figure><img src="https://306375687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZaVBdCFgMJUqZqClTsRC%2Fuploads%2F4An15vc9eS40YJXZAN9W%2Fdisen%CC%83o-app-es.png?alt=media&amp;token=7e42dba7-5e8c-438d-bf33-b9af1f710a80" alt=""><figcaption></figcaption></figure>

### 1. Distribución del menú principal

<figure><img src="https://306375687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZaVBdCFgMJUqZqClTsRC%2Fuploads%2FjnAxacJkcW6WGaMDtkPc%2Fdisen%CC%83o-app-2-es.png?alt=media&amp;token=ec6d87dc-b5d1-4978-93ed-81e0db994b1e" alt=""><figcaption></figcaption></figure>

Puedes elegir cómo se presentarán las secciones en el menú de la app, optando entre las siguientes opciones:

* **Iconos**
* **Cuadrados**
* **Círculos**
* **Listado**

Esta configuración permite adaptar la navegación según las preferencias de los asistentes y la identidad visual del evento.

### 2. Cantidad de iconos por fila

Puedes definir cuántos iconos se mostrarán por fila en el menú principal de la app, diferenciando entre dispositivos móviles, tabletas, portátiles y ordenadores de sobremesa. Esto permite optimizar la experiencia de navegación según el tamaño de pantalla.

### 3. Mostrar el nombre de las secciones

Es posible activar o desactivar la visualización del nombre de cada sección debajo del icono correspondiente. Esta opción es útil si se busca un diseño más limpio o si los iconos son suficientemente representativos por sí mismos.

### 4. Inclusión del logo del evento

Puedes decidir si quieres mostrar el logo del evento en la parte superior del menú principal. Esta función permite reforzar la identidad visual y mejorar la presencia de marca dentro de la app.

### 5. Personalización de colores

<figure><img src="https://306375687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZaVBdCFgMJUqZqClTsRC%2Fuploads%2F822rBT0TjU06ozvMFXSh%2Fdisen%CC%83o-app-3-es.png?alt=media&amp;token=62c1fa21-aa7b-4d44-bc42-5efb0e61d24a" alt=""><figcaption></figcaption></figure>

La app permite modificar diversos colores para adaptar su apariencia a la imagen del evento. Se pueden configurar:

* **Color base**
* **Color de la barra superior**
* **Color de fondo del menú principal**
* **Color de los iconos del menú principal**
* **Color de fondo de los iconos**
* **Color del texto en el menú principal**
* **Color del menú inferior**

Estas opciones garantizan una adaptación visual completa, facilitando una experiencia de usuario coherente y alineada con la identidad del evento.

## ¿Cómo personalizar la tipografía de la app?

Puedes seleccionar la fuente que mejor se adapte a la identidad del evento desde el apartado de **Fuentes** en la configuración de la app. Eventool ofrece una variedad de fuentes tipográficas para garantizar coherencia con el branding del evento.

Además, puedes personalizar:

* **El tamaño de los iconos del menú principal**, ajustándolo en píxeles según la visibilidad deseada.
* **El tamaño de los textos del menú principal**, para asegurar una lectura clara y accesible.

<figure><img src="https://306375687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZaVBdCFgMJUqZqClTsRC%2Fuploads%2FyEjP6LWXkOXtAI205J3i%2Ffuentes-app-es.png?alt=media&amp;token=f38360d4-6fce-4bce-8142-790bf963c7a8" alt=""><figcaption></figcaption></figure>

Para acceder a esta configuración:

1. Dirígete a la sección **APP > Estructura** en el panel de administración.
2. Haz clic en la pestaña **Fuentes**.
3. Selecciona una de las fuentes disponibles.
4. Ajusta los tamaños de los iconos y los textos del menú principal según las necesidades del evento.
5. Guarda los cambios.

<figure><img src="https://306375687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZaVBdCFgMJUqZqClTsRC%2Fuploads%2FhREIFCcdAbPj7KgazoD3%2Ffuentes-app-2-es.png?alt=media&amp;token=a6e236e8-cf1d-4551-ba84-9f11cdc5109a" alt=""><figcaption></figcaption></figure>

## ¿Cómo activar un carrusel de logos de expositores y galería en la home de la app?

<figure><img src="https://306375687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZaVBdCFgMJUqZqClTsRC%2Fuploads%2FgP1oknXKmvkTWzacaya3%2Fcarrusel-app-es.png?alt=media&amp;token=196d6080-8221-4d3a-9326-4d5fba3bca6e" alt=""><figcaption></figcaption></figure>

Eventool permite activar y personalizar un **carrusel de expositores** para destacar a los patrocinadores o empresas participantes en el evento. Desde esta sección, puedes:

* Activar o desactivar la visualización del carrusel.
* Seleccionar una categoría específica de expositores para mostrar.
* Definir la altura máxima del carrusel.
* Activar la rotación automática de expositores.
* Ajustar el número de expositores que aparecen en el carrusel según el dispositivo (móvil, tablet, portátil o sobremesa).

También puedes configurar un **carrusel de fotos de la galería** si deseas incluir imágenes destacadas del evento.

Para acceder a esta configuración:

1. Dirígete a **APP > Estructura** en el panel de administración.
2. Haz clic en la pestaña **Carrusel**.
3. Ajusta las opciones disponibles según las necesidades del evento.
4. Guarda los cambios.

<figure><img src="https://306375687-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FZaVBdCFgMJUqZqClTsRC%2Fuploads%2FLS2Hcw7oHk0tc7xItHgS%2Fcarrusel-app-2-es.png?alt=media&amp;token=b774c851-6c1f-466e-97e5-745ee42b3156" alt=""><figcaption></figcaption></figure>

### Conclusión

**Personalizar el diseño de la app** en Eventool es un **proceso sencillo y flexible** que permite ajustar la experiencia según las necesidades de cada evento. Desde la distribución del menú hasta los colores, fuentes y carruseles, todas las opciones están pensadas para optimizar la navegación y reforzar la identidad visual del evento.

Puedes realizar estos cambios directamente desde el panel de administración y ver una vista previa antes de publicarlos.