Logo and colors

Logo files

• 

  Horizontal, light

  Default. Use on white, paper or photos with a light overlay.

  SVG PNG

• 

  Horizontal, dark

  For the footer color and other dark surfaces. The mark reverses to a paper tile.

  SVG PNG

• 

  Stacked, light

  Square-ish spaces: profile images, print, cards.

  SVG PNG

• 

  Stacked, dark

  Stacked lockup on dark surfaces.

  SVG

• 

  Mark only

  Same symbol as the favicon and app icon.

  SVG PNG

• 

  Mark only, reversed

  Paper tile with the accent-colored symbol.

  SVG

Palette

Read from the site's stylesheet; the logo uses these and nothing else.

• Accent

  #155e63

  Mark tile, logo bar, buttons

• Accent ink

  #ffffff

  Symbol on the mark

• Ink

  #14231f

  Wordmark on light backgrounds

• Paper

  #eef0ec

  Page background; reversed mark tile

• Dark

  #0e2421

  Footer background

• Dark ink

  #e9efeb

  Wordmark on dark backgrounds

• Dark muted

  #a7bbb4

  Logo bar on dark backgrounds

• Line

  #c3ccc5

  Borders

Using it

• Keep clear space around the logo of at least the mark's height on every side.
• Do not recolor the logo outside this palette or set the light version on dark surfaces; use the dark files instead.
• The PNG files are rasterized with system fonts, so the wordmark may use a fallback sans-serif where the site's display font is not installed. The SVG files embed the font.