> For the complete documentation index, see [llms.txt](https://wiki.1hive.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.1hive.org/espanol-1/community/diseno/directrices-de-la-marca.md).

# Directrices de la marca

Guía y recursos para la estética de diseño de 1Hive.

## Conceptos que buscamos transmitir y elementos que los representan:&#x20;

* Queremos ser percibidos como **amigables y agradables**, por eso usamos muchas formas y figuras curvas.
* Queremos transmitir **simplicidad**, como la abeja sin estar consciente del gran y complejo ecosistema del que forman parte, por eso usamos formas limpias y sencillas.
* 1Hive es una comunidad que no discrimina, por eso buscamos transmitir diversidad y logramos esto con una variedad de colores que se pueden encontrar en la naturaleza.
* Transmitimos flexibilidad con el uso de formas orgánicas.

### Algunos aspectos a tomar en cuenta:

* Evita las líneas rectas y duras, y un énfasis excesivo en la estética alienígena-insecto.
* Nuestra marca debe sentirse amigable y simple, pero no debe verse como una caricatura (ejemplo, una abeja con cara).&#x20;

{% hint style="info" %}
También puedes ver las pautas de la marca acá [Figma File](https://www.figma.com/file/6o6Ik2f0D6HiLzRWwgeOQd/Brand-guidelines).
{% endhint %}

## Número áureo <a href="#firstheading" id="firstheading"></a>

Usamos la proporción áurea, también llamado número de oro,  para las proporciones del logo y en el desarrollo de diferentes elementos gráficos por varias razones:

* Está **presente en la naturaleza**, como todos los conceptos utilizados en 1Hive (abejas, miel, colmena, diente de león, etc).
* Las cosas que lo poseen son **proporcionalmente agradables** y eso está relacionado con el hecho de que buscamos hacer que nuestra identidad se sienta amistosa, casual y relatable.
* No parece complejo a primera vista, pero esconde una lógica interesante. Esto está fuertemente relacionado con 1Hive, porque queremos mantener la complejidad debajo de la superficie.&#x20;
* Cuando estábamos investigando, encontramos un dato curioso: la **proporción áurea también está presente en las colmenas**. Si divides el número de abejas hembras por el número de abejas machos, obtendrás 1.618, la proporción áurea. Esta secuencia matemática funciona para cualquier colmena de abejas en cualquier momento.

<div align="center"><img src="https://4033350625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNrqwoYUmro4mJ9smmt%2F-MQCWG-h3B7AxGHq2pvj%2F-MQD1B2ghv8o3aBRj4UJ%2FGroup%2026%20new.jpg?alt=media&amp;token=3875bd63-5eab-4252-a4b5-d950dce9089d" alt=""></div>

<div align="left"><img src="https://4033350625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNrqwoYUmro4mJ9smmt%2F-MQCWG-h3B7AxGHq2pvj%2F-MQD2E0mKNRd0AIhcPmb%2FGroup.png?alt=media&amp;token=cf3cc426-f271-404d-9e6d-7f601ff0d50c" alt=""></div>

{% hint style="info" %}
El tamaño de círculos, rectángulos y diferentes formas que usamos se multiplica o divide por 1,618 para respetar las proporciones de la proporción áurea.
{% endhint %}

## Paleta de Color

Usamos el turquesa como color primario de 1Hive y como colores secundarios usamos una variedad que combina perfecta y armoniosamente con él. Esto permite una gran cantidad de combinaciones diferentes y como dijimos antes se asemeja a la variedad de colores que se encuentran en la naturaleza.

También utilizamos opacidades del 40% y elementos superpuestos que permiten una gama de colores más variada en la paleta cromática y hace el paso de un color a otro más armonioso.&#x20;

### Color primario

<div align="left"><img src="https://4033350625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNrqwoYUmro4mJ9smmt%2F-MQCWG-h3B7AxGHq2pvj%2F-MQCxeZ7SQH_WdQbelqB%2FGroup%2020.png?alt=media&amp;token=252aa382-2ae2-41c5-9bcc-7b6e49a95850" alt=""></div>

### Colores secundarios

<div align="left"><img src="https://4033350625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNrqwoYUmro4mJ9smmt%2F-MQCWG-h3B7AxGHq2pvj%2F-MQCxwRIHJ4NdfP34dm0%2FGroup%2021.png?alt=media&amp;token=875b5ba0-979b-4a20-9856-9371d2cbbbf9" alt=""></div>

<div align="left"><img src="https://4033350625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNrqwoYUmro4mJ9smmt%2F-MQCWG-h3B7AxGHq2pvj%2F-MQCxwRK-RRtCmvELDai%2FGroup%2022.png?alt=media&amp;token=4403bc3d-7877-4060-a5c2-8e955dba37db" alt=""></div>

<div align="left"><img src="https://4033350625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNrqwoYUmro4mJ9smmt%2F-MQCWG-h3B7AxGHq2pvj%2F-MQCyuZoZ1RgHde6UvGL%2FGroup%2023.png?alt=media&amp;token=4591b1dd-d800-4131-af9d-946f443247c6" alt=""></div>

<div align="left"><img src="https://4033350625-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MNrqwoYUmro4mJ9smmt%2F-MQCWG-h3B7AxGHq2pvj%2F-MQCyuZuEYNo98aDOiCu%2FGroup%2024.png?alt=media&amp;token=c8439341-2cea-4f52-aa53-c944a8d9b16a" alt=""></div>

{% hint style="info" %}
Entra aquí [Figma file](http://figma.com/file/6o6Ik2f0D6HiLzRWwgeOQd/Brand-guidelines?node-id=15%3A48) para revisar los códigos de color HEX y otros detalles como la escala de grises y el degradado del fondo.
{% endhint %}

## Activos descargables

[Activos de Diseño de 1Hive](https://mega.nz/folder/t8dmmJZL) incluyendo logotipos, títulos y fuente ubuntu. Requiere la clave de descifrado `giPbW4M9wRTApPF0J6VkgA`

[Gráficos y animaciones aportados por la comunidad](http://bit.ly/2X7bOER).
