> For the complete documentation index, see [llms.txt](https://origyn.gitbook.io/origyn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://origyn.gitbook.io/origyn/brand-assets/logos.md).

# Logos

## ORIGYN w**ordmark** logos

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Black horizontal logo</strong></td><td>Use this logo on light backgrounds</td><td><a href="https://buckets.origyn.ch/medias/medias/ORIGYN%20Black%20Horizontal.zip">Download</a></td><td><a href="https://2753736286-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWUDE9boIsKoih8lkRfGQ%2Fuploads%2FBxXAbVFtKhq43DVE6MvB%2FA93CBD89-2530-4B8B-851C-2A03CABF3C3C.JPEG?alt=media&amp;token=88e6ab9f-d148-47a1-a314-1ab26063417f">A93CBD89-2530-4B8B-851C-2A03CABF3C3C.JPEG</a></td></tr><tr><td><strong>White horizontal logo</strong></td><td>Use this logo on dark backgrounds</td><td><a href="https://buckets.origyn.ch/medias/medias/ORIGYN%20White%20Horizontal.zip">Download</a></td><td><a href="https://2753736286-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWUDE9boIsKoih8lkRfGQ%2Fuploads%2FnOrXSROKxwu4ORMbDABl%2FF2B8AAFC-20C6-46BF-8029-17F1C64527C3.JPEG?alt=media&amp;token=e5ecad3c-2c7b-44b7-bd37-c890d1add264">F2B8AAFC-20C6-46BF-8029-17F1C64527C3.JPEG</a></td></tr><tr><td><strong>Black vertical logo</strong></td><td>Use this logo on light backgrounds</td><td><a href="https://buckets.origyn.ch/medias/medias/ORIGYN%20Black%20Vertical.zip">Download</a></td><td><a href="https://2753736286-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWUDE9boIsKoih8lkRfGQ%2Fuploads%2FzwDXcqFru37wk8WZ26fS%2F6B9B00DB-9B66-444C-AA86-56C7BF5F8A5B.JPEG?alt=media&amp;token=0b7122de-f2c7-4034-a9c2-2b371e0ce483">6B9B00DB-9B66-444C-AA86-56C7BF5F8A5B.JPEG</a></td></tr><tr><td><strong>White</strong> <strong>vertical logo</strong></td><td>Use this logo on dark backgrounds</td><td><a href="https://buckets.origyn.ch/medias/medias/ORIGYN%20White%20Vertical.zip">Download</a></td><td><a href="https://2753736286-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWUDE9boIsKoih8lkRfGQ%2Fuploads%2FV0FWa5nyUwMKiOH5Hmzw%2F1C32DCEE-F836-49F2-A9FF-2715F683F67A.JPEG?alt=media&amp;token=0978d17e-6f10-42ea-82a2-ea05a86a50d1">1C32DCEE-F836-49F2-A9FF-2715F683F67A.JPEG</a></td></tr></tbody></table>

## ORIGYN icon logo

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Icon logo</strong></td><td>Use this logo on light/dark backgrounds</td><td><a href="https://buckets.origyn.ch/medias/medias/ORIGYN%20Icon.zip">Download</a></td><td><a href="https://2753736286-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWUDE9boIsKoih8lkRfGQ%2Fuploads%2FcgwM49vTowBMCibAbQMK%2FC69FB370-7CC2-4AED-8285-487C5B9595C2.JPEG?alt=media&amp;token=f48aeec2-8328-4fb8-b03c-cbdb74ab5d0d">C69FB370-7CC2-4AED-8285-487C5B9595C2.JPEG</a></td></tr></tbody></table>

## File format guide

<details>

<summary>SVG</summary>

SVGs (Scalable Vector Graphics) can be scaled up or down in size without any loss of detail. Often used for logos, icons and vector based illustrations.

**When to use:**

* **Websites/Apps** - ensure branding looks perfect on all screens
* **Illustrations** - small file sizes and easily editable
* **Animation** - SVGs can be animated

</details>

<details>

<summary>PNG</summary>

PNGs (Portable Network Graphics) are raster based images. PNGs can be saved at as hi-res images but increasing the size of a PNG will reduce the overall quality of the image. A benefit of using PNGs (instead of JPGs) is that they support transparent and semi-transparent backgrounds.

**When to use:**

* When a SVG cannot be uploaded eg. on 3rd party apps

</details>