> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lute.gg/llms.txt
> Use this file to discover all available pages before exploring further.

# Branding assets

> Logos, colors, and usage guidelines

Download and use official brand assets for presentations and media.

## Logos

<Columns cols={2}>
  <Frame caption="Light mode logo">
    <img src="https://mintcdn.com/lute/TlrO2z5G7o3SHeJD/logo/light.svg?fit=max&auto=format&n=TlrO2z5G7o3SHeJD&q=85&s=c268c5b10dcc5dc39023d3e5dd97a82e" alt="Light logo" width="408" height="204" data-path="logo/light.svg" />
  </Frame>

  <Frame caption="Dark mode logo">
    <img src="https://mintcdn.com/lute/TlrO2z5G7o3SHeJD/logo/dark.svg?fit=max&auto=format&n=TlrO2z5G7o3SHeJD&q=85&s=2e76c4313a94b698be92275685bed180" alt="Dark logo" width="408" height="204" data-path="logo/dark.svg" />
  </Frame>

  <Frame caption="Light mode logo">
    <img src="https://mintcdn.com/lute/ItYkQDePtJj8p-9r/images/LuteBadgeMain.png?fit=max&auto=format&n=ItYkQDePtJj8p-9r&q=85&s=4fd79ffae924bba8d4e1b297035d3e51" alt="Lute Badge Main" width="512" height="512" data-path="images/LuteBadgeMain.png" />
  </Frame>

  <Frame caption="Dark mode logo">
    <img src="https://mintcdn.com/lute/ItYkQDePtJj8p-9r/images/LuteBadgeInverted.png?fit=max&auto=format&n=ItYkQDePtJj8p-9r&q=85&s=22217b1321349d65f805520b6fe5e0ac" alt="Lute Badge Inverted" width="512" height="512" data-path="images/LuteBadgeInverted.png" />
  </Frame>
</Columns>

## Colors

```Lutes Official Color Codes theme={null}
  "Lute Red": "#D84040",
  "Lute White": "#EEEEEE",
  "Lute Black": "#161616"
```

## Usage guidelines

* **Clear space**: keep adequate padding around the logo
* **Contrast**: ensure readability in both light and dark themes
* **Do not** distort, recolor arbitrarily, or add effects