# Logos & Assets

<figure><img src="https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FvCrzoRAfD3s7IdSwPB6v%2Fimage.png?alt=media&#x26;token=77dad17f-dbb2-4bd3-a3ad-b0af049f20f0" alt=""><figcaption></figcaption></figure>

When integrating OISY, please use one of the logos from this archive: &#x20;

{% file src="<https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FJ0ZWFtReiRwWWiEqo0ys%2FOISY%20logo%20options.zip?alt=media&token=afbf361f-d1b7-4c69-9422-7609bc84bf30>" %}

***

For most dApp integrations, we recommend using the following icon in SVG or PNG format:

<figure><img src="https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FjDa8s0EIZeFtRfxDlI4s%2Foisy-logo-mark--color.png?alt=media&#x26;token=cdd7a923-ab5e-47a4-b4da-a4fe464a7e62" alt="" width="160"><figcaption><p>OISY icon</p></figcaption></figure>

{% file src="<https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FJQLUnhY5WkEFSGO5LU0g%2Foisy-logo-mark--color.svg?alt=media&token=e9f006ab-6d69-4352-ae67-d805ac36c237>" %}
SVG logo version
{% endfile %}

{% file src="<https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FjDa8s0EIZeFtRfxDlI4s%2Foisy-logo-mark--color.png?alt=media&token=cdd7a923-ab5e-47a4-b4da-a4fe464a7e62>" %}
PNG logo version
{% endfile %}

## Brand color

<table data-header-hidden><thead><tr><th></th><th width="249"></th></tr></thead><tbody><tr><td><h3>#0066FF</h3><p>Whenever possible, use this exact hex value to maintain visual consistency across integrations.</p></td><td><img src="https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2Fq2OICEGg77ImbOJD10zA%2Foisy-color.png?alt=media&#x26;token=6d094cb0-4661-4dde-be64-1a7f7275b71f" alt=""></td></tr></tbody></table>

***

## "Connect with OISY" Button Guidelines

<figure><img src="https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FbnSljDKElXa6EVPsP0vE%2FButton%20guidelines.png?alt=media&#x26;token=98bd736f-2254-4dcc-bb9d-d67cc4d96549" alt=""><figcaption></figcaption></figure>

Buttons are a core interactive element and often the first user interaction with OISY.\
Always align them with the OISY brand identity and apply consistently across all platforms.

### Button text

Use the full name with correct capitalization: “**OISY Wallet**”.

**✅ Good examples:**&#x20;

* "Connect with OISY Wallet"
* "Connect OISY Wallet"
* "OISY Wallet"

**❌ Avoid partial names and inconsistent capitalization:**

* "Oisy"
* "Connect with Oisy"
* "Connect Oisy Web Wallet"&#x20;

### Colors & Icons

* Primary brand color: **#0066FF**
* Alternative: approved monochrome variations only
* Avoid using random colors

<figure><picture><source srcset="https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2F0AVB1M2UoLxp9q50jOPB%2FGood%20buttons%20-%20dark.png?alt=media&#x26;token=670e408c-18ec-4501-bb15-cf421d091a9d" media="(prefers-color-scheme: dark)"><img src="https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FimtOjt322RIPsxdvRn6O%2FGood%20buttons.png?alt=media&#x26;token=68b57711-8f8c-480f-88ca-657aedd9811e" alt=""></picture><figcaption></figcaption></figure>

### Button icons

Please use the following icons:&#x20;

{% file src="<https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FsoroTolHHcA5uhxmo0GH%2FOISY%20Button%20Icons.zip?alt=media&token=cf0888d8-ced1-4d24-9ea6-80425e466e3d>" %}

### Spacing & Layout

* Maintain clear padding around text and icons
* Avoid tight or compressed spacing
* Icon must not overlap or touch text

Below you can find examples of the buttons that you should avoid using

<figure><picture><source srcset="https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2FEf7dlQJrAFxPibWu3L8q%2FBad%20buttons%20-dark.png?alt=media&#x26;token=dab956cf-b5db-4517-9b9d-a5868ccb05c5" media="(prefers-color-scheme: dark)"><img src="https://2757417719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIEyGjMxMCIjbjm03hkdA%2Fuploads%2F98yaYXhiMDKkNyHu8JNL%2FBad%20buttons.png?alt=media&#x26;token=85e7e122-0bbb-4c72-931f-a65bef6039b9" alt=""></picture><figcaption></figcaption></figure>

### tldr: Developer Notes

* Use consistent capitalization: always **OISY Wallet**
* Apply brand color #0066FF or monochrome only
* Ensure readable contrast (WCAG AA minimum)
* Keep minimum 16px padding inside the button
* Do not abbreviate or shorten the product name

**Thanks!**&#x20;

For more info please reach out to: [support](https://docs.oisy.com/using-oisy-wallet/support "mention")