# Brand. Help yourself.

Cloche

The logo, the name and the colours, for anyone writing about Cloche or putting it on a page.

- [Download brand assets](https://cloche.dev/brand/cloche-brand-assets.zip)

The wordmark and the cloche for light and dark, as SVG and PNG, with the app icon.

## The name

Cloche, said klōsh. One spelling, with a capital C. The line that goes with it: Build with any AI. Run with Cloche.

## The wordmark

The cloche and the name together. Use it first, wherever there is room.

On light

- [Download the wordmark on light as SVG](https://cloche.dev/brand/cloche-wordmark.svg)
- [Download the wordmark on light as PNG](https://cloche.dev/brand/cloche-wordmark.png)

On dark

- [Download the wordmark on dark as SVG](https://cloche.dev/brand/cloche-wordmark-on-dark.svg)
- [Download the wordmark on dark as PNG](https://cloche.dev/brand/cloche-wordmark-on-dark.png)

## The cloche

The cloche on its own, for small or square spaces. The app icon is the same cloche on its tile, for a profile picture or an app directory.

On light

- [Download the cloche on light as SVG](https://cloche.dev/brand/cloche-logo.svg)
- [Download the cloche on light as PNG](https://cloche.dev/brand/cloche-logo.png)

On dark

- [Download the cloche on dark as SVG](https://cloche.dev/brand/cloche-logo-on-dark.svg)
- [Download the cloche on dark as PNG](https://cloche.dev/brand/cloche-logo-on-dark.png)

App icon

- [Download the app icon as PNG](https://cloche.dev/brand/cloche-app-icon.png)

## Colours

Cloche is ink on paper. There is no accent colour.

- Ink #1a1714 The logo and the words.
- Paper #f2ede3 The page.
- Bright #fffdf9 Inside the cloche.

## Typefaces

Cloche sets its headlines in Cloche Grotesque and its text in Cloche Sans. Both are Cloche’s modified versions of open fonts.

Cloche Grotesque is built on [Bricolage Grotesque](https://github.com/ateliertriay/bricolage) by Mathieu Triay of Atelier Triay, and Cloche Sans on [Instrument Sans](https://github.com/Instrument/instrument-sans) by Rodrigo Fuenzalida with Jordan Egstad. The letters of the Cloche logo are drawn from [Fraunces](https://github.com/undercasetype/Fraunces) by Phaedra Charles and Flavia Zimbardi of Undercase Type. Thank you to them for sharing their work openly.

The changes are Cloche’s own, and the original designers are not involved with Cloche. Cloche Grotesque and Cloche Sans are free to use, change and share under the [SIL Open Font License 1.1](https://openfontlicense.org/). Read the [Cloche Grotesque licence](https://cloche.dev/fonts/CLOCHE-GROTESQUE-OFL.txt) and the [Cloche Sans licence](https://cloche.dev/fonts/CLOCHE-SANS-OFL.txt).

- Cloche Grotesque Headings.
- Cloche Sans Text.

## Using it

Use the files as they are. Never redraw, recolour, stretch or rotate the logo, or add effects to it. Give it room: clear space of at least half the cloche’s height on every side.

Clear space: half the cloche’s height, all round

Don’t use it: Stretched

Don’t use it: Recoloured

Don’t use it: Rotated

Showing our logo does not mean Cloche endorses you. Questions go to [hi@cloche.dev](mailto:hi@cloche.dev).