# Cosmic brand guidelines

The following guidelines enable you to leverage the Cosmic brand without having to negotiate legal agreements for each use.

[Download brand assets](https://cdn.cosmicjs.com/1db13460-c907-11ed-b01d-23d7b265c299-cosmicbrandassets.zip)

## Our brand

When using the Cosmic wordmark, logo, or other brand assets, provide plenty of space around them. Cosmic is always referred to with a capital ‘C’ and is no longer attributed to Cosmic JS or Cosmic.js as it once was.

You may refer to Cosmic as Cosmic CMS in certain cases to provide greater clarity about what Cosmic is and what it provides. You may also refer to Cosmic as Cosmic Headless CMS if you need to provide the additional clarity during a comparison to traditional monolith CMSs or for ease of communication.

The following graphics are proprietary and protected under intellectual property laws. Do not alter these in any way, display these graphics in a way that implies a relationship, affiliation, or endorsement by Cosmic of your product, service, or business unless an agreement is in place. Do not use these graphics as part of your own product, business, or service’s name, or combine these graphics with any other graphics without written consent from Cosmic. Contact us if you have any questions.

## Cosmic wordmark

When placing our wordmark or logo on different surfaces, it’s important to use the right asset type to fit the color or surface it appears on.

Our primary logo is the two-tone wordmark which has both light and dark variants. When presenting on white or light gray surfaces, our primary wordmark should be used. When placed on black or dark gray surfaces, our primary dark wordmark should be used.

When a surface is colored or contains complex visuals, for example when overlaying our logo on an image, our secondary monotone wordmarks should be used.

Download SVG

Download SVG

Download SVG

Download SVG

Download SVG

Download SVG

## Cosmic logo

For when you’re unable to place our full wordmark, you can utilise our logomark. This is the best way to refer to the Cosmic brand and product in a concise visual way. Use in good judgement and always ensure it’s clear that the logo is connected with the Cosmic product to prevent any ambiguity with your audience.

Download SVG

Download SVG

## Cosmic brand colors

Our Cosmic blue is utilised across both light and dark interfaces as it provides optimal contrast across both. In situations where it’s not suitable, we have an alternative brighter Cosmic blue that contains greater lightness.

On dark interfaces, our Cosmic Light Gray provides a perfect level of contrast when set on our dark background without creating the white dispersed ghosting you often see with pure white on pure black. For light text we generally opt for a slightly off-black Cosmic Dark Gray to provide great readability but prevent too stark of a contrast.

**Cosmic Blue**  
#29ABE2  
**RGB** 41, 171, 226

**Cosmic Light Gray**  
#F7FBFC  
**RGB** 247, 251, 252

**Cosmic Dark Gray**  
#11171A  
**RGB** 17, 23, 26

## Connect with us

If you’re unsure on how to use our brand assets or want to get further clarity on whether your usage requires a legal agreement, get in touch with us below.

[Contact us](/content/contact/index.html)