ATLAS brand assets
==================

Every logo comes as SVG (scalable, for print and web) and PNG (ready-to-use images).

svg/ and png/ have the same structure:

  logo/                     Full logo, transparent background
    atlas-logo-primary              with tagline, for light backgrounds
    atlas-logo-primary-no-tagline   without tagline (use below 240 px wide)
    atlas-logo-reversed             with tagline, for dark backgrounds
    atlas-logo-reversed-no-tagline  without tagline, for dark backgrounds
    atlas-logo-mono-black / -white  single colour
  logo/with-background/     Same logos on the brand backgrounds, as in the guidelines
    ...-on-light   Paper #F0EEEA
    ...-on-dark    Ink   #15171C
  mark/                     The "a" with its orbit, square, transparent
  mark/with-background/     Mark on Paper and on Ink (good for social avatars)
  app-icon/                 (PNG only) Rounded app icons, light and dark
  favicon/                  Website icons
    favicon.svg      switches automatically with the browser's light/dark theme

Sizes
  PNG logos are 2000 px wide and marks 1024 px. They scale down cleanly,
  and the SVG versions stay sharp at any size.

App icons (png/app-icon): one light, one dark, 1024 x 1024.
  App stores and phones resize them automatically.

Favicons
  favicon.svg   the one to use on a website; switches light/dark automatically
  favicon.ico   fallback for older browsers
  favicon-light.png / favicon-dark.png   512 px, for anywhere that asks for an image

Website snippet
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  <link rel="icon" href="/favicon.ico" sizes="any">
  <link rel="apple-touch-icon" href="/atlas-app-icon-light.png">

Colours
  Ink #15171C   Paper #F0EEEA   Blue #1479D1   Green #3E8E3E   Brown #8B6F47
  Deep Blue #2F4E8C (tagline)
  On dark: nodes #3B93E3 / #58AD58 / #A88A60, tagline #9DB8EC

Clear space: keep 2x around the logo, where x = the diameter of one node.
