# Style Guide

### 1. Logo

The Signature Blue logo is used with a dark background by default to reflect our corporate principles being reliability and future-orientation. Using the Signature White logo is recommended for grayscale-toned websites.

![](https://2333345107-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE9KbeG02NWziIZPTAFaB%2Fuploads%2FawEASv4qTT3V6GX4sDpe%2Flogo1.png?alt=media\&token=7a8255f0-8856-4741-ba74-c5b5bf6b7e14)

Using the logo with square and circular backgrounds is allowed.

![](https://2333345107-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE9KbeG02NWziIZPTAFaB%2Fuploads%2FoqKT5JuYLCYJdU9MoCme%2Flogo2.png?alt=media\&token=678cbae3-aeb7-4980-b7d6-e5137ba6636d)

The Circular Type logo is used as the icon for the Chrome extension and mobile applications.

![](https://2333345107-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE9KbeG02NWziIZPTAFaB%2Fuploads%2F0nG3BYoNv8IwgpWn1tuu%2FFrame%2037177.png?alt=media\&token=2741e862-deb8-4b47-aee0-c64e22a9c85e)

{% hint style="danger" %}
**Do not modify the logo!**

The Adena logo should not be altered in any way. Examples of prohibited use are:

* Distorting the logo
* Rotating the logo
* Changing the colors or gradations
* Changing the font of the Logotype area
* Using special effects
  {% endhint %}

### 2. Typeface

Poppins is the base font used throughout Adena's suite of products. Poppins is an open source font with a clean, modern style that reflects the streamlined web3 experience we aim to bring to our users.

![](https://2333345107-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE9KbeG02NWziIZPTAFaB%2Fuploads%2FOeXAcSayjPnHofFJXeSo%2Ffont.png?alt=media\&token=81873b33-07cf-47c2-951b-646dc709b9a0)

### 3. Color Palette

The primary brand color of Adena is **Adena Blue**, represented in hex as **#0059FF**. In most cases, dark colors under the **Neutral** group are used for backgrounds with white colors under the same group as the font color. **Red** colors are used to present errors or failures; and the Green colors for successful actions and completion.

![](https://2333345107-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE9KbeG02NWziIZPTAFaB%2Fuploads%2F4JmjjPLUhjfUS3zZOM1e%2Fcolor1.png?alt=media\&token=c796d5a9-1a12-4aa8-ba32-7fb1803227db)

Gradients or shadows are used to distinguish the components from backgrounds or to put an emphasis.

![](https://2333345107-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE9KbeG02NWziIZPTAFaB%2Fuploads%2FIPxzNad2h62VSYzqWGRp%2Fcolor2.png?alt=media\&token=a6ed9aee-da81-4102-b3d8-37afabb77bc6)

{% hint style="danger" %}
**Do not alter our primary brand color!**

Altering our primary brand color, **Adena Blue**, is strictly prohibited under any circumstances.
{% endhint %}

### 4. Icons

Icons serve as buttons, indicators, or inputs within our products.

![](https://2333345107-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FE9KbeG02NWziIZPTAFaB%2Fuploads%2FzyPMi5bVGkFYhg3sZ3ou%2Ficons.png?alt=media\&token=8e94a704-e973-46f4-8f50-6642bb1bafb3)