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

# Brand Kit

> Download official Owly logos and brand assets.

Welcome to the Owly Brand Kit. Here you can find our official logos and brand assets.

<Card title="Owly Brand Kit (Complete)" icon="download" href="https://owly.fi/docs/images/Brand-Kit/Owly-Brand-Kit.zip">
  Download the complete Owly Brand Kit in a single ZIP file containing all logos.
</Card>

## Symbols

<CardGroup cols={2}>
  <Card title="Dark Symbol">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-dark.svg" style={{ height: '80px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-dark.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-dark.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>

  <Card title="Green Symbol">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-green.svg" style={{ height: '80px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-green.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-green.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>

  <Card title="White Symbol">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem', backgroundColor: '#111', borderRadius: '0.5rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-white.svg" style={{ height: '80px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-white.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-white.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>
</CardGroup>

## Wordmarks

<CardGroup cols={2}>
  <Card title="Dark Wordmark">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-dark.svg" style={{ height: '60px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-dark.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-dark.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>

  <Card title="Green Light Wordmark">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem', backgroundColor: '#111', borderRadius: '0.5rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-green-light.svg" style={{ height: '60px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-green-light.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-green-light.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>

  <Card title="Light Wordmark">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem', backgroundColor: '#111', borderRadius: '0.5rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-light.svg" style={{ height: '60px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-light.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-light.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>

  <Card title="White Wordmark">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem', backgroundColor: '#111', borderRadius: '0.5rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-white.svg" style={{ height: '60px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-white.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-text-white.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>
</CardGroup>

## Circle Logos

<CardGroup cols={2}>
  <Card title="Dark Circle Logo">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-circle-dark.svg" style={{ height: '80px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-circle-dark.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-circle-dark.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>

  <Card title="Light Circle Logo">
    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', padding: '1rem', backgroundColor: '#111', borderRadius: '0.5rem' }}>
      <img src="https://owly.fi/docs/images/Brand-Kit/Owly-logo-circle-light.svg" style={{ height: '80px', marginBottom: '1rem' }} />

      <div style={{ display: 'flex', gap: '1rem' }}>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-circle-light.svg" download>Download</a>
        <span>·</span>
        <a href="https://owly.fi/docs/images/Brand-Kit/Owly-logo-circle-light.svg" target="_blank">Open</a>
      </div>
    </div>
  </Card>
</CardGroup>