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

# Logos

> The Ghost brand is our pride and joy. We’ve gone to great lengths to make it as beautiful as possible, so we care a great deal about keeping it that way! These guidelines provide all of our official assets and styles, along with details of how to correctly use them.

***

<Frame>
  <div className="dark:bg-white w-full flex items-center justify-center">
    <img src="https://mintcdn.com/ghost/aGR3I5_lq1oxakuc/images/ed2eeb2c-ghost-logo-dark.png?fit=max&auto=format&n=aGR3I5_lq1oxakuc&q=85&s=9045aa78b010f791537912e4a0eb7d64" alt="Dark Ghost logo" width="800" height="294" data-path="images/ed2eeb2c-ghost-logo-dark.png" />
  </div>
</Frame>

<div className="mt-2 mb-8">
  <a href="/images/ed2eeb2c-ghost-logo-dark.png" download="ghost-logo-dark.png">Download</a>
</div>

<Frame>
  <div className="dark:bg-white w-full flex items-center justify-center">
    <img src="https://mintcdn.com/ghost/ZMdvGdmwew7ypzvu/images/74e0ffae-ghost-logo-orb.png?fit=max&auto=format&n=ZMdvGdmwew7ypzvu&q=85&s=1b845bd4aaea878d8d0ec1150a641d6f" alt="Ghost orb logo" width="400" height="400" data-path="images/74e0ffae-ghost-logo-orb.png" />
  </div>
</Frame>

<div className="mt-2 mb-8">
  <a href="/images/74e0ffae-ghost-logo-orb.png" download="ghost-logo-orb.png">Download</a>
</div>

<Frame>
  <div className="bg-primary dark:bg-transparent w-full flex items-center justify-center">
    <img src="https://mintcdn.com/ghost/5_xpDDjqLTzEezAK/images/3715a5ca-ghost-logo-light.png?fit=max&auto=format&n=5_xpDDjqLTzEezAK&q=85&s=f30c86c70fb4bd7192b93c82ba66bba7" alt="White Ghost logo" width="800" height="294" data-path="images/3715a5ca-ghost-logo-light.png" />
  </div>
</Frame>

<div className="mt-2 mb-8">
  <a href="/images/3715a5ca-ghost-logo-light.png" download="ghost-logo-light.png">Download</a>
</div>

### Ghost colours

Light backgrounds and tinted greys, accented with Ghost Green.

<div className="grid gap-4 sm:grid-cols-2 md:grid-cols-3">
  <div className="bg-[#30cf43] rounded-xl p-4 text-white flex flex-col gap-20">
    <div className="grow">Ghost Green</div>

    <ul className="not-prose text-sm space-y-1">
      <li>\$green</li>
      <li>RGB 48, 207, 67</li>
      <li>#30cf43</li>
    </ul>
  </div>

  <div className="bg-white rounded-xl p-4 text-black border border-gray-200 flex flex-col gap-20">
    <div className="grow">White</div>

    <ul className="not-prose text-sm space-y-1">
      <li>RGB 255, 255, 255</li>
      <li>#ffffff</li>
    </ul>
  </div>

  <div className="bg-[#CED4D9] rounded-xl p-4 text-black flex flex-col gap-20">
    <div className="grow">Light Grey</div>

    <ul className="not-prose text-sm space-y-1">
      <li>\$lightgrey</li>
      <li>RGB 206, 212, 217</li>
      <li>#CED4D9</li>
    </ul>
  </div>

  <div className="bg-[#7C8B9A] rounded-xl p-4 text-white flex flex-col gap-20">
    <div className="grow">Mid Grey</div>

    <ul className="not-prose text-sm space-y-1">
      <li>\$midgrey</li>
      <li>RGB 124, 139, 154</li>
      <li>#7C8B9A</li>
    </ul>
  </div>

  <div className="bg-[#15171A] rounded-xl p-4 text-white flex flex-col gap-20">
    <div className="grow">Dark Grey</div>

    <ul className="not-prose text-sm space-y-1">
      <li>\$darkgrey</li>
      <li>RGB 21, 33, 42</li>
      <li>#15171A</li>
    </ul>
  </div>
</div>

***

<Card horizontal icon="file-lines">
  Any use of Ghost brand materials constitutes acceptance of the Ghost [Terms of Service](https://ghost.org/terms/), [Trademark Policy](/trademark/) and these Brand Guidelines, which may be updated from time to time. You fully acknowledge that Ghost Foundation is the sole owner of Ghost trademarks, promise not to interfere with Ghost's rights, and acknowledge that goodwill derived from their use accrues only to Ghost. Ghost may review or terminate use of brand materials at any time.
</Card>