Brand

The Certeef brand

Official logos, color codes and typography. Everything you need to mention or present Certeef properly — press, partners, integrations.

Logos

Four vector files (SVG): the full logo and the standalone mark, each in a dark version for light backgrounds and a white version for dark backgrounds.

Colors

A warm palette of four tones, from white to deep brown. The hex codes below are the official references.

  • White

    #FFFFFF

    Main background.

  • Ivory cream

    #F0E7D6

    Secondary surfaces.

  • Warm brown

    #795035

    Accent color, buttons.

  • Deep brown

    #301812

    Text and logo.

Typography

Certeef uses a single family: Outfit, an open-source variable font (OFL license), for headings and body text alike.

Outfit

AaBbCcDdEeFfGg 0123456789

Weights in use

Outfit 300 Outfit 400 Outfit 500 Outfit 700

Outfit on Google Fonts

Usage guidelines

A few simple rules to keep the brand legible and consistent.

  • Use the provided SVG files as is, without redrawing them.
  • Don't distort the logo: no stretching, rotating or drop shadows.
  • Don't change the colors: dark version on light backgrounds, white version on dark backgrounds.
  • Keep a clear space around the logo, at least the height of the mark.
  • Make sure there is enough contrast between the logo and its background.
  • Don't typeset “Certeef” in another font to imitate the logo.

What not to do

The same rules, shown visually. Each of these treatments alters the brand — avoid them.

  • Don't stretch or distort.

  • Don't rotate or tilt.

  • No drop shadows or effects.

  • Don't recolor the logo.

  • Not enough contrast with the background.

  • Certeef

    Don't typeset “Certeef” in another font.