> For the complete documentation index, see [llms.txt](https://docs.lagoon.finance/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.lagoon.finance/resources/brand-kit.md).

# Brand Kit

## Symbol

Each symbol comes in 2 different file formats, with variations for light and dark backgrounds.

→ Select the desired version, right-click on the symbol and choose "Save as".

<table data-view="cards"><thead><tr><th></th><th data-type="files"></th><th></th><th data-type="files"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>PNG</td><td><a href="/files/YQwftkNIKXj6NitwmA3Q">/files/YQwftkNIKXj6NitwmA3Q</a></td><td><br>SVG</td><td><a href="/files/eiYRwEpOC4EDLupylB4z">/files/eiYRwEpOC4EDLupylB4z</a></td><td><a href="/files/fvx4JM2nIXcD0wcHJRn6">/files/fvx4JM2nIXcD0wcHJRn6</a></td></tr><tr><td>PNG</td><td><a href="/files/DFXFbiWuCrNXTY60XABw">/files/DFXFbiWuCrNXTY60XABw</a></td><td>SVG</td><td><a href="/files/A8cvFza8qhrhYHpudh7f">/files/A8cvFza8qhrhYHpudh7f</a></td><td><a href="/files/bcDPThl2H13c1GNuJ5IW">/files/bcDPThl2H13c1GNuJ5IW</a></td></tr><tr><td>PNG</td><td><a href="/files/RHXkPki4ufleDypUkQh4">/files/RHXkPki4ufleDypUkQh4</a></td><td>SVG</td><td><a href="/files/329DLJwCB59CpAsM9IeZ">/files/329DLJwCB59CpAsM9IeZ</a></td><td><a href="/files/WVNM1qxXjTVd9MabyDPp">/files/WVNM1qxXjTVd9MabyDPp</a></td></tr></tbody></table>

***

## Logotype

Each logotype comes in 2 different file formats, with variations for light and dark backgrounds.

→ Select the desired version, right-click on the logotype and choose "Save as".

<table data-view="cards"><thead><tr><th></th><th data-type="files"></th><th></th><th data-type="files"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td>PNG</td><td><a href="/files/suCagzH3YWUqrAjuyllF">/files/suCagzH3YWUqrAjuyllF</a></td><td>SVG</td><td><a href="/files/Yk7zAcnelXtNAR07q0Rf">/files/Yk7zAcnelXtNAR07q0Rf</a></td><td><a href="/files/CdttcTThagnvfv48aGkx">/files/CdttcTThagnvfv48aGkx</a></td></tr><tr><td>PNG</td><td><a href="/files/wPwJXa6xVejvgHkdCJkV">/files/wPwJXa6xVejvgHkdCJkV</a></td><td>SVG</td><td><a href="/files/sd9aLvWlNzYDqa0fRDcy">/files/sd9aLvWlNzYDqa0fRDcy</a></td><td><a href="/files/nvefLuxgM0XlHZlouWYF">/files/nvefLuxgM0XlHZlouWYF</a></td></tr><tr><td>PNG</td><td><a href="/files/zOaGHg57aTbGcfc413hj">/files/zOaGHg57aTbGcfc413hj</a></td><td>SVG</td><td><a href="/files/Y0wt0YhtVDhlSs95l06V">/files/Y0wt0YhtVDhlSs95l06V</a></td><td><a href="/files/FbZAqu6aLjHlbMELiZkS">/files/FbZAqu6aLjHlbMELiZkS</a></td></tr><tr><td>PNG</td><td><a href="/files/8h3zcWJFadP0hD5b6QT9">/files/8h3zcWJFadP0hD5b6QT9</a></td><td>SVG</td><td><a href="/files/mNvaEzzPonhdAjOpDsIe">/files/mNvaEzzPonhdAjOpDsIe</a></td><td><a href="/files/iOpX9qHwBgPcr7ZRPGA5">/files/iOpX9qHwBgPcr7ZRPGA5</a></td></tr></tbody></table>

***

## Typography

DM Sans is the only font used by Lagoon. Download it on [Google Fonts](https://fonts.google.com/specimen/DM+Sans).

<table data-view="cards" data-full-width="false"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td></td><td><a href="/files/Ius7QYMFNpfVHa5iv6dK">/files/Ius7QYMFNpfVHa5iv6dK</a></td></tr><tr><td></td><td><a href="/files/gladxI1Cf53YQO3qP9Z9">/files/gladxI1Cf53YQO3qP9Z9</a></td></tr><tr><td></td><td><a href="/files/jmFi593XtoXCEfE3bObb">/files/jmFi593XtoXCEfE3bObb</a></td></tr><tr><td></td><td><a href="/files/eR7G5Wjy53xNsD3iVUgk">/files/eR7G5Wjy53xNsD3iVUgk</a></td></tr><tr><td></td><td><a href="/files/hsfHKWXsXxqBaEAOToML">/files/hsfHKWXsXxqBaEAOToML</a></td></tr><tr><td></td><td></td></tr></tbody></table>

Registered under the [SIL Open Font License](https://openfontlicense.org/): allowing for free use, modification, and distribution of the font. Available for commercial use.

***

## Colors

Each color comes with a specific HEX code. Copy-paste to use it.

<table data-column-title-hidden data-view="cards"><thead><tr><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Black</strong><br>#00014A</td><td><a href="/files/6pN1fEc4IIKCS5e9b6Jl">/files/6pN1fEc4IIKCS5e9b6Jl</a></td></tr><tr><td><strong>Dark Blue</strong><br>#00165B</td><td><a href="/files/vw0Kbyetixnnf3yC1UN3">/files/vw0Kbyetixnnf3yC1UN3</a></td></tr><tr><td><strong>Dark Teal</strong><br>#1E7C76</td><td><a href="/files/mW7gHA9J5FLrybyQzjut">/files/mW7gHA9J5FLrybyQzjut</a></td></tr><tr><td><strong>Teal</strong><br>#00C8BA</td><td><a href="/files/l7ct3FGgZDu86ICJu8yz">/files/l7ct3FGgZDu86ICJu8yz</a></td></tr><tr><td><strong>Light Blue</strong><br>#A1D8FF</td><td><a href="/files/OkLAWFWDLGQZl5VjqN35">/files/OkLAWFWDLGQZl5VjqN35</a></td></tr><tr><td><strong>Light Green</strong><br>#A4F6BD</td><td><a href="/files/60eZh7qWNRYSBO5gs7iB">/files/60eZh7qWNRYSBO5gs7iB</a></td></tr><tr><td><strong>Sky Blue</strong><br>#C9F5FF</td><td><a href="/files/1MB9wf7uAhOyYIQYij8l">/files/1MB9wf7uAhOyYIQYij8l</a></td></tr><tr><td><strong>White</strong><br>#FFFFF</td><td><a href="/files/No91EPXqWS69qQnqfvQR">/files/No91EPXqWS69qQnqfvQR</a></td></tr><tr><td><strong>Aqua</strong><br>#00D1FF</td><td><a href="/files/i7TQ3sRJL8IyUvsmEDvt">/files/i7TQ3sRJL8IyUvsmEDvt</a></td></tr><tr><td><strong>Electric Blue</strong><br>#0042F0</td><td><a href="/files/imYjsOXr1cSqNvppk9Rt">/files/imYjsOXr1cSqNvppk9Rt</a></td></tr></tbody></table>

***

## Gradients

Each gradient comes with a specific combination of HEX codes. Copy-paste to use them and follow the other instructions.

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Background gradient</strong></td><td>linear-gradient(90deg, #001658 9.37%, #002585 54.69%, #0039CB 72.81%, #13CFC2 91.2%, #A4F6BD 100%)</td><td><a href="/files/GJD7xSssw3PhFAQiegYV">/files/GJD7xSssw3PhFAQiegYV</a></td></tr><tr><td><strong>Accent gradient</strong></td><td>linear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)</td><td><a href="/files/mmz0ZBylLjC0nGwQEtvz">/files/mmz0ZBylLjC0nGwQEtvz</a></td></tr><tr><td><strong>Logo gradient #1</strong></td><td>linear-gradient(270deg, #91F1BD 0%, #2BD5C1 25%, #13CFC2 50%, #079AC6 100%), linear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)</td><td><a href="/files/FNrVAVsEZr46xwlZR9r3">/files/FNrVAVsEZr46xwlZR9r3</a></td></tr><tr><td><strong>Logo gradient #2</strong></td><td>linear-gradient(270deg, #00D1FF 0%, #0039CB 100%), linear-gradient(270deg, #91F1BD 0%, #2BD5C1 25%, #13CFC2 50%, #079AC6 100%), linear-gradient(279deg, #A4F6BD 6.77%, #13CFC2 50%, #00D1FF 93.24%)</td><td><a href="/files/xTpJsRrShCT3rOH9Ao6f">/files/xTpJsRrShCT3rOH9Ao6f</a></td></tr></tbody></table>