Brand

Logos, marks and typeface as we use them

Anyone writing about Collabase, documenting a connection or building a deck needs the brand in the same form we use ourselves. It is all here.

Wordmark

Six variants of one wordmark

The file name gives the colour of the mark first, then the colour of the type. So «goldblack» is the gold mark with a black wordmark. The background decides which variant fits.

blackblack

blackblack

For light surfaces

goldblack

goldblack

For light surfaces

whiteblack

whiteblack

For mid tones and photographs

blackwhite

blackwhite

For mid tones and photographs

goldwhite

goldwhite

For dark surfaces

whitewhite

whitewhite

For dark surfaces

Mark

The mark without the wordmark

For places where the name already appears: avatars, tiles, sender lines.

Black

Black

Gold

Gold

White

White

Favicon

Favicons

Three versions for browser tabs and bookmarks. What matters is the interface the mark appears in.

Light background

Light background

Dark background

Dark background

Gold

Gold

App icons

The eight apps

One icon per app, in the order of the product.

Collabase AI

Collabase AI

Collabase Projects

Collabase Projects

Collabase Docs

Collabase Docs

Collabase Test Management

Collabase Test Management

Collabase Registry

Collabase Registry

Collabase Automation

Collabase Automation

Collabase Intranet

Collabase Intranet

Collabase Time

Collabase Time

The gradients without marks

The same eight surfaces without a symbol, as a background for your own tiles.

Gradient 1

Gradient 1

Gradient 2

Gradient 2

Gradient 3

Gradient 3

Gradient 4

Gradient 4

Gradient 5

Gradient 5

Gradient 6

Gradient 6

Gradient 7

Gradient 7

Gradient 8

Gradient 8

Typeface

Outfit, from 100 to 900

Outfit carries the whole website, from body copy to the wordmark. It is published under the SIL Open Font License and may be passed on. The kit also contains Inter and Podkova.

  • Weight 100Collaboration from Switzerland
  • Weight 200Collaboration from Switzerland
  • Weight 300Collaboration from Switzerland
  • Weight 400Collaboration from Switzerland
  • Weight 500Collaboration from Switzerland
  • Weight 600Collaboration from Switzerland
  • Weight 700Collaboration from Switzerland
  • Weight 800Collaboration from Switzerland
  • Weight 900Collaboration from Switzerland
Colours

Gold and four surfaces

Gold is the only accent of the brand. The four surfaces below build the depth of the interface, from the page to the icon box.

Brand gold

#b79b65

Page

#f7f7f7

Content card

#ffffff

Row inside the card

#fafafa

Icon box inside the card

#f2f2f2

Text

#0a0a0a

Usage

Four points

Proportions stay

The files are scaled, never stretched, and keep the clear space they come with.

Colours stay

Mark and wordmark are used in the colours shown here. There is a matching variant for every background.

Contrast decides

On photographs and coloured surfaces, use the variant that stands out clearly.

Open cases we settle

For a use that is not covered here, a short message is enough.