> ## 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.

# 品牌资源库

> 下载 Owly 的官方品牌资源与标志设计

欢迎使用 Owly 品牌资源库。您可以在这里找到我们官方发布的全部品牌资产和素材。

<Card title="Owly 品牌资源大全（整合包）" icon="download" href="https://owly.fi/docs/images/Brand-Kit/Owly-Brand-Kit.zip">
  下载包含所有官方标志和设计素材的完整压缩包。
</Card>

## 标志符号 (Symbols)

<CardGroup cols={2}>
  <Card title="深色标志图">
    <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="绿色标志图">
    <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="白色标志图">
    <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="深色纯文字标">
    <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="浅绿纯文字标">
    <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="浅色纯文字标">
    <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="白色纯文字标">
    <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="深色圆形徽标">
    <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="浅色圆形徽标">
    <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>