The tools we use

The Autogram site is built using Eleventy, a static web site generator. It allows us to focus on the basics of writing clear content without maintaining a complicated software stack.

Aesthetics

Information about the typefaces used and aesthetic inspirations go here.

Editorial guide

What kinds of content we publish and why.

Technology

Templates are written in Nunjucks, content is written in Markdown, and CSS is compiled from SASS. The markdown-it library is used to render Markdown to HTML, though support for definition lists, footnotes, figure captions, and other typographical conveniences has been added via plugins.

Code and content are stored on GitHub, while the final HTML is built and hosted on Netlify. Netlify offers automated site builds whenever changes are made in git, staged previews before changes go live, streamlined contact form handling, and other cloud-hosted niceties.

In addition, NetlifyCMS provides a web-based interface for writing and updating site content. It’s an open-source project that can be used during local development with several static site generators; hosting on Netlify isn’t necessary.

Our other work

  • Slack
  • Zoom
  • Dropbox
  • 1Password
  • Google G Suite
  • Miro
  • BBEdit
  • Sketch
  • OmniGraffle
  • OmniOutliner
  • Otter
  • ZenCastr
  • Descript