Brand

The Listspace logo, its colours and how to write the name. Use them when you write about Listspace or link to it. Please do not change the logo or use it in a way that suggests we made or endorse something we did not.

Downloads

Download the files

SVG scales to any size; use it where you can. The PNGs have a transparent background. The word is drawn as shapes, so no font is needed.

Colours

Colours

Crimson is the one brand colour; everything else is warm ink on paper. Click a value to copy it.

  • Crimson

    The three bars of the logo and the highlights on light backgrounds.

  • Crimson on dark

    The bars and highlights on dark backgrounds, a step lighter so they keep their contrast.

  • Ink

    The word in the logo, text and buttons on light backgrounds.

  • Paper

    The background behind the logo, the pages and the items.

  • Ink on dark

    The word in the logo on dark backgrounds.

  • Night

    The dark background the dark logo is made for.

Type

Typefaces

Outfit Medium (500)

The logo only, in lowercase. It is not used for other text.

Stop being your agent's memory.

Inter Tight (600)

Headings on the site and in the app.

One board your agents keep up to date: ideas, bugs, to-dos and what's done.

Inter (400 and 500)

Body text and the app itself.

Space and size

Clear space and minimum size

Keep free space around the logo of at least half its height on every side: no text, edges or other logos inside the dashed line.

20 px

16 px

The logo at least 20 pixels tall on screen (about 100 wide), the mark at least 16 pixels. Smaller, the bars blur into one.

Usage

Do's and don'ts

Use the logo for light backgrounds on white or a light, calm colour.
Use the logo for dark backgrounds on dark colours.
Use the mark alone where the logo does not fit, such as an app icon.
Do not stretch or squash the logo. Scale it by its height, and the width follows.
Do not change its colours. The bars are always crimson.
ListSpace
Do not retype the logo in another font or with capitals.
Do not put it on a busy or low-contrast background.
Do not add shadows, outlines or other effects, or rotate it.
Do not swap the bars or change their lengths. They are part of the logo.

Name

How to write the name

In text the name is Listspace: one word, a capital L, the rest lowercase. The lowercase listspace belongs to the logo only. ListSpace and ListSpace.app are old spellings; please do not use them.

WriteNotWhy
ListspaceIn running text: a capital L, the rest lowercase, like Airbnb or Spotify.
ListspaceThe product is Listspace. Leave the .app off the name.
listspace.appOnly for the web address, written in lowercase like any address.
ListspaceAll lowercase belongs to the logo only, which is artwork, not text.

Questions about the brand, or need something that is not here? Write to hello@listspace.app.