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

# Using Our Brand

**The following guidelines will help you correctly make use of our brand.** By using our brand assets, you accept the terms of our <a href="#trademark-usage-agreement">Trademark Usage Agreement</a> and understand that, if violated, your permission to use these materials will be revoked.

## *Color Landscape Logo*

Our color landscape logo combines our brandmark and serif wordmark in a landscape format. This is our preferred logo, and we encourage you to use it whenever possible.

<div className="frame_white">
  <Frame caption="[Download Color Landscape Logo](/images/brand/logo-landscape.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/logo-landscape.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=d95f93624e77cfd10545ba051cddd823" alt="The navy and purple Fly.io logo in landscape format on a white background" width="300" height="89" data-path="images/brand/logo-landscape.svg" />
  </Frame>
</div>

<br />

<div className="frame_purple">
  <Frame caption="[Download Inverted Color Landscape Logo](/images/brand/logo-landscape-inverted.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/logo-landscape-inverted.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=3efeccd3abab47dd91622f5274a932d0" alt="The inverted white and purple Fly.io logo in landscape format on a navy background" width="300" height="89" data-path="images/brand/logo-landscape-inverted.svg" />
  </Frame>
</div>

## *Monochrome Landscape Logo*

The monochrome landscape logo is used to maximize clarity and contrast. Use it when the color version isn’t a good option, such as on a busy or low-contrast background.

<div className="frame_white">
  <Frame caption="[Download Dark Landscape Logo](/images/brand/logo-landscape-dark.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/logo-landscape-dark.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=97b1695a92304089fc508cb29f6039bb" alt="The monochrome navy Fly.io logo in landscape format on a white background" width="300" height="89" data-path="images/brand/logo-landscape-dark.svg" />
  </Frame>
</div>

<br />

<div className="frame_purple">
  <Frame caption="[Download Light Landscape Logo](/images/brand/logo-landscape-light.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/logo-landscape-light.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=28b0d8b01ae9b548085ab044e94e3d37" alt="The monochrome white Fly.io logo in landscape format on a navy background" width="300" height="89" data-path="images/brand/logo-landscape-light.svg" />
  </Frame>
</div>

## *Color Portrait Logo*

Our color portrait logo combines our brandmark and serif wordmark in a portrait format. Use it when our landscape logo isn’t a good option, such as a tight layout where horizontal space is limited.

<div className="frame_white">
  <Frame caption="[Download Color Portrait Logo](/images/brand/logo-portrait.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/logo-portrait.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=b4a0578902681b4600e477d0ef9c9224" alt="The navy and purple Fly.io logo in portrait format on a white background" style={{ width: "9.125rem" }} width="114" height="156" data-path="images/brand/logo-portrait.svg" />
  </Frame>
</div>

<br />

<div className="frame_purple">
  <Frame caption="[Download Inverted Portrait Logo](/images/brand/logo-portrait-inverted.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/logo-portrait-inverted.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=88a532c6484d761813f593c55b4b8e62" alt="The inverted white and purple Fly.io logo in portrait format on a navy background" style={{ width: "9.125rem" }} width="114" height="156" data-path="images/brand/logo-portrait-inverted.svg" />
  </Frame>
</div>

## *Monochrome Portrait Logo*

The monochrome portrait logo is used to maximize clarity and contrast. Use it when the color version isn’t a good option, such as on a busy or low-contrast background.

<div className="frame_white">
  <Frame caption="[Download Dark Portrait Logo](/images/brand/logo-portrait-dark.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/logo-portrait-dark.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=9fcf5d39ee29ec0d0bf4a6f3eb33eac9" alt="The monochrome navy Fly.io logo in portrait format on a white background" style={{ width: "9.125rem" }} width="114" height="156" data-path="images/brand/logo-portrait-dark.svg" />
  </Frame>
</div>

<br />

<div className="frame_purple">
  <Frame caption="[Download Light Portrait Logo](/images/brand/logo-portrait-light.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/logo-portrait-light.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=d238770c1948f146e9e5369180cd0ce8" alt="The monochrome white Fly.io logo in portrait format on a navy background" style={{ width: "9.125rem" }} width="114" height="156" data-path="images/brand/logo-portrait-light.svg" />
  </Frame>
</div>

## *Color Brandmark*

Some circumstances call for our brandmark to stand on its own. This is typically reserved for extremely small dimensions, when space is limited, or where the brand is already established.

<div className="frame_white small_img">
  <Frame caption="[Download Color Brandmark](/images/brand/brandmark.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/brandmark.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=27f7268231b0309e3c46dbbe3ff0e298" alt="The navy and white Fly.io brandmark on a purple and white background" className="max-h-full" style={{ marginTop: "-15px" }} width="167" height="151" data-path="images/brand/brandmark.svg" />
  </Frame>
</div>

<br />

<div className="frame_purple small_img">
  <Frame caption="[Download Inverted Color Brandmark](/images/brand/brandmark-inverted.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/brandmark-inverted.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=92f280bcfc9352d17ad63d012bcfeab4" alt="The inverted navy and white Fly.io brandmark on a purple and navy background" className="max-h-full" style={{ marginTop: "-15px" }} width="167" height="151" data-path="images/brand/brandmark-inverted.svg" />
  </Frame>
</div>

## *Monochrome Brandmark*

The monochrome brandmark is used to maximize clarity and contrast. Use it when the color version isn’t a good option, such as on a busy or low-contrast background.

<div className="frame_white small_img">
  <Frame caption="[Download Dark Brandmark](/images/brand/brandmark-dark.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/brandmark-dark.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=7feb7ca386483c259e575579e530440c" alt="The monochrome navy Fly.io brandmark on a white background" className="max-h-full" style={{ marginTop: "-15px" }} width="167" height="151" data-path="images/brand/brandmark-dark.svg" />
  </Frame>
</div>

<br />

<div className="frame_purple small_img">
  <Frame caption="[Download Light Brandmark](/images/brand/brandmark-light.zip)">
    <img src="https://mintcdn.com/fly-io/v-XOGeVK6s4rQ-4y/images/brand/brandmark-light.svg?fit=max&auto=format&n=v-XOGeVK6s4rQ-4y&q=85&s=09752b634f409b10da60b34e2d386f16" alt="The monochrome white Fly.io brandmark on a navy background" className="max-h-full" style={{ marginTop: "-15px" }} width="167" height="151" data-path="images/brand/brandmark-light.svg" />
  </Frame>
</div>

## *Trademark Usage Agreement*

This agreement explains how you must use and present our brand assets at all times. Your use of our brand assets indicates your acceptance of this agreement, as well as your understanding that, if violated, your permission to use these materials will be revoked.

* The Fly.io name and brand assets are trademarks of Fly.io, Inc.
* Use of our brand assets must be expressly authorized in writing.
* Our brand assets are provided for use in informational articles, video tutorials, and other related media only. You may not use our brand assets for t-shirts, stickers, or other merchandise at any time.
* Your use must not mislead consumers as to our sponsorship of, affiliation with, or endorsement of your company or your products or services.
* Our brand assets are our exclusive property. All goodwill that results from your use of our brand assets will be solely to our benefit. You will not take any action that is at odds with our rights or ownership of our brand assets. Where used on a web page, our brand assets, as well as the mention of our name, should include embedded hyperlinks to our homepage: [https://fly.io](https://fly.io).
* Our brand assets must be used in a respectful manner. Our brand assets may not be used in a way that harms us, our products or services, or in a manner which, in our opinion, lessens or otherwise damages our reputation or the goodwill in our brand assets. In other words, please do not associate our brand assets with any illicit or illegal activities or use them in a way that is deceptive or harmful.
