# Logotipos

Un **logotipo** es un símbolo gráfico que representa la identidad visual de la institución. <mark style="color:purple;">**MindBox**</mark> cuenta con un apartado para llevar a cabo la configuración de logotipos, donde se podrá personalizar la plataforma añadiendo el **logotipo oficial de tu institución** en diferentes secciones clave. Este logotipo aparecerá en el encabezado y pie de página de los documentos generados, como constancias, certificados y reportes, proporcionando una identidad visual coherente y profesional. Además, ahora es posible incorporar una **plantilla con marca de agua** para que tus documentos oficiales sean impresos con la marca configurada de tu institución, reforzando su autenticidad y presencia institucional.

Para poder configurar los logotipos de tu institución. nos dirigimos al menú <mark style="color:purple;">**`Escuela > Configuración > Datos de la escuela`**</mark>. Posteriormente, se seleccionará la pestaña <mark style="color:purple;">**`Logotipos`**</mark>.

<figure><img src="https://906436498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL8kCjpmQje5CzQeu8a4%2Fuploads%2FlhoIclM71nF4Ep2XibDc%2F1.png?alt=media&#x26;token=78b67128-a553-4ec3-a9e7-1d81ff7d0ba3" alt=""><figcaption><p>Acceso al apartado de configuración de los logotipos de la escuela.</p></figcaption></figure>

Una vez que se accedió al apartado de configuración de logotipos, se mostrará un formulario en el cual se podrán añadir los logotipos y otros elementos gráficos que representen a la institución en documentos oficiales y en la plataforma. Los elementos que se podrán añadir son los siguientes:

* **Logotipo de la escuela:** este archivo de imagen se utilizará en varias secciones clave de <mark style="color:purple;">**MindBox**</mark>, como la pantalla de inicio de sesión y en algunos documentos oficiales generados por la plataforma. Para garantizar una visualización adecuada, la imagen debe tener un tamaño mínimo de **250px por 250px**, estar en formato <mark style="color:purple;">**`PNG`**</mark>**&#x20;con transparencia** para que se integre perfectamente en diferentes fondos y se vea profesional en cualquier contexto.
* **Encabezado de documentos:** esta imagen será usada como encabezado en los documentos generados por <mark style="color:purple;">**MindBox**</mark>, como constancias y certificados. Para una correcta visualización, el tamaño recomendado es de **1250px por 100px** en formato <mark style="color:purple;">**`JPG`**</mark>, lo que asegura que el encabezado se vea nítido y se ajuste adecuadamente al diseño del documento.
* **Pie de página de documentos:** el pie de página se incluirá en ciertos documentos generados a través de la plataforma, como certificados y reportes. El tamaño mínimo recomendado para esta imagen es de **1250px por 100px** en formato <mark style="color:purple;">**`JPG`**</mark>, permitiendo un ajuste visual adecuado y profesional en los documentos oficiales.
* **Marca de agua de documentos:** esta imagen será utilizada como marca de agua en los documentos oficiales generados en la plataforma. El tamaño mínimo recomendado es de **900px por 1050px** en formato <mark style="color:purple;">**`JPG`**</mark>. Es importante que esta imagen sea lo suficientemente clara para ser visible, pero también sutil, para no interferir con la lectura del contenido del documento.

{% hint style="info" %}
**Nota:** para una correcta visualización, se recomienda que estos elementos gráficos cumplan con el tamaño recomendado y con el formato indicado.
{% endhint %}

Una vez cargados los archivos de imagen, será necesario seleccionar el botón <mark style="color:purple;">**Guardar**</mark>.&#x20;

<figure><img src="https://906436498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL8kCjpmQje5CzQeu8a4%2Fuploads%2F95mi59XsGgbOgrFizN6X%2F2.png?alt=media&#x26;token=6e77c918-787f-4bca-8ebb-3d8e4d148644" alt=""><figcaption><p>Logotipos de la institución actualizados correctamente. </p></figcaption></figure>

Con ello, estos logos podrán ser visibles en las diferentes secciones de la plataforma, así como en algunos documentos generados por la misma. En seguida se mostrará un ejemplo de como se ven los logos configurados.

<figure><img src="https://906436498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL8kCjpmQje5CzQeu8a4%2Fuploads%2FJCIcYnPtb1qFNNKZkS6G%2F3.png?alt=media&#x26;token=4c84fa7f-901a-46f5-bb93-9c4374d3df49" alt=""><figcaption><p>Logotipo de la escuela visible en el apartado de inicio de sesión.</p></figcaption></figure>

<div><figure><img src="https://906436498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL8kCjpmQje5CzQeu8a4%2Fuploads%2FYmY7X6RVICi9tz3aZ0Vo%2F4.png?alt=media&#x26;token=c70052bb-c0f1-4066-a53f-b97d1d0db843" alt=""><figcaption><p>Documento oficial generado con encabezado, pie de página y marca de agua configurados hoja 1.</p></figcaption></figure> <figure><img src="https://906436498-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiL8kCjpmQje5CzQeu8a4%2Fuploads%2FsdrRnp3bMNCS2QCJHxA6%2F3.png?alt=media&#x26;token=23c2c479-1ede-436a-859a-6cc3b6c31516" alt=""><figcaption><p>Documento oficial generado con encabezado, pie de página y marca de agua configurados hoja 2.</p></figcaption></figure></div>

### Video Tutorial <a href="#video-tutorial" id="video-tutorial"></a>

También te compartimos un video tutorial donde te mostraremos como realizar la configuración de logos de tu institución.

{% embed url="<https://www.youtube.com/watch?v=yQSEg4ew4tw>" %}