Detour brand kit
https://detour.africa/brand

WHAT IS IN HERE

  detour-wordmark-ink.svg/.png     the wordmark for light backgrounds
  detour-wordmark-white.svg/.png   the wordmark for dark backgrounds
  detour-mark-tile.svg/.png        the "d" on the gradient, our app icon
  detour-mark-tile-green.svg/.png  the same tile on the green ground
  detour-mark-ink.svg/.png         the "d" alone, for light backgrounds
  detour-mark-white.svg/.png       the "d" alone, for dark backgrounds

Use the SVG wherever it will take one. It stays sharp at any size and
it is a fraction of the weight. The PNGs are for the places that will
not: slide decks, documents, some ad platforms.

COLOURS

  Ink        #111111    type, and the logo on a light background
  Paper      #FAFAF8    our background. Warm, not white
  Lime       #D6F84C    buttons and the primary action, never type
  Forest     #22682E    links and small marks

  Mark green #3AB54B    the logo's own green

  The gradient, which is what every tile and profile picture sits on:

    radial-gradient(circle at 100% 0%, #0A51A1 0%, #1B1464 45%)

  A glow at the top right, falling to the base. It is a GROUND, never a
  fill: the white wordmark and the white "d" sit on it, and the
  letterforms themselves are never filled with it.

  The same ground in the logo's green, for anywhere the brand should
  read green rather than midnight:

    radial-gradient(circle at 100% 0%, #3AB54B 0%, #22682E 45%)

  Use either. The midnight one is the default and the one on the app
  icon. Do not build a THIRD: a flat green tile with white on it
  measures 2.86:1 and is why the green is a glow here, not a fill.

TYPE

  Archivo      headlines, width 104%, weight 500
  Public Sans  body copy, data and numbers, weight 400

  Both are free and open source:
  https://fonts.google.com/specimen/Archivo
  https://fonts.google.com/specimen/Public+Sans

THE RULES

  Put the logo on #FAFAF8, white, #111111 or the gradient. Give it clear
  space of the height of the "d" on every side. Never stretch it, rotate
  it, recolour it, add a shadow to it, or set it on a busy photograph.

  Lime is a button colour. It is roughly 1.3:1 against white as text
  and nobody can read it.

ASKING

  press@detour.africa
