Colophon

Colophon

Colophon comes from the Greek word “κολοφων” or “kolophon,” which means “summit” or “finishing touch.” It is a description of the details and methods behind a publication and is often found on the last few pages of books.

This is the 9th edition of neotericdesign.com, launched in the summer of 2020. It is built using a JAMstack architecture, with Hugo, Netlify, Cloudinary, Forestry, and our own custom theme. This is a complete, ground-up rebuild from our last iteration. We were particularly interested to:

  • Experiment with abstracted content models in Forestry
  • Rebuild on the TailwindCSS front end framework
  • Refresh the site away from a ‘blocky’ feel and towards an expansive, relaxing place
  • Rewrite copy in a less-technical and more-human direction.

Your feedback is always welcome. Email me at nick@neotericdesign.com.

Typography

The Neoteric Design logo was created in 1998 or thereabouts, and is set in Futura. Futura is a geometric sans-serif typeface designed by Paul Renner in 1927; it is considered the major typeface development to come out of the Constructivist orientation of the Bauhaus movement. It makes use of pure geometric forms of the circle, triangle, and square, with no serifs or frills, and near equal weight strokes.

Body copy is set in Lora, designed by Cyreal. Lora is a well-balanced contemporary serif with roots in calligraphy. It is a text typeface with moderate contrast well suited for body text. It features brushed curves in contrast with driving serifs. The overall typographic voice of Lora perfectly conveys the mood of a modern-day story or an art essay. Technically Lora is optimized for screen appearance, yet works equally well in print. In March 2019, the family has been updated to a variable font family.

Our site titles are set in Poppins, a geometric sans serif typeface, designed by Jonny Pinhorn. With support for the Devanagari and Latin writing systems, it is an internationalist take on the genre. Many of the Latin glyphs (such as the ampersand) are more constructed and rationalist than is typical. Each letterform is nearly monolinear, with optical corrections applied to stroke joints when necessary to maintain an even typographic color. The Devanagari base character height and the Latin ascender height are equal; the Latin x-height is set rather high.

Development

This site is built using Hugo, a static site generator. Content is managed using the headless git-based CMS Forestry. It is hosted at Netlify.com, and image assets are hosted at Cloudinary. We developed our own custom site theme, and have been deeply influenced by the blocks layout recommendations from forestry.io’s Sawmill. We use Atom and VSCode as our code editors and Figma for image assets and graphic design.

Photo Credits

  • Art Design Chicago: Installation view, Charles White: A Retrospective at the Art Institute of Chicago, 2018. Photo credit: Jon Shaft Installation view, Bill Walker: Urban Griot at Hyde Park Art Center, 2018. Photo credit: Jon Shaft.
  • Interlex Group: Paris photo by Rob Potvin. unsplash.com/photos/VLWy8LIdzsQ
  • They Draw and Cook, They Draw and Travel: “Modern Kitchen” illustration by Salli Swindell, https://www.theydrawandcook.com/illustrations/7047-modern-kitchen
  • Tax Appeal Law Firm: Chicago photographer Joe Mazza. Under the el photo by Josh Sorenson on Unsplash.

Thank you

The Forestry team for their incredible support • the JAMstack community for constant inspiration • The Hugo team, for making site building fun again • Illy Espresso • Spotify