A colophon describes the methods, tools, and materials used to make a creative work. Traditionally, colophons were included as the ending flourish of making a book. The following is how this website was made.

Reference: The Chicago Design SystemAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

Currently in the process of open-sourcing this website:

The CMS for this website is NotionAn icon representing an arrow pointing diagonally towards the top right corner of the screen., with a highly customized API wrapper:

Here are other tools, libraries, and more this site owes a debt of gratitude:

Code Stuff

  • 🍫 cmdkAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📆 date-fnsAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📐 ESLintAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🎞Framer MotionAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 HyperAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🃏 JestAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 💡 LighthouseAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📐 Lint StagedAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🚙 LodashAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🎭 PlaywrightAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📦 pnpmAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🎨 PrettierAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 Next.jsAn icon representing an arrow pointing diagonally towards the top right corner of the screen. 🐦 canary for life
  • 🔎 Next SeoAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🖼PlaiceholderAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🌐 Radix UIAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • ⚛ReactAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔢 Semantic ReleaseAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📙 StorybookAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 swrAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🌬Tailwind CSSAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📦 tsupAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 TurboAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📙 TypeScriptAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 📓 VSCodeAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

    • Fonts

  • 🔤 BoltonAn icon representing an arrow pointing diagonally towards the top right corner of the screen. (Face37)
  • 🆎 InterAn icon representing an arrow pointing diagonally towards the top right corner of the screen. (Rasmus)
  • 🔤 Name SansAn icon representing an arrow pointing diagonally towards the top right corner of the screen. (Arrow)

    • Hosting

  • 🗃NotionAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🆙 UpstashAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🔺 VercelAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

    • Icons

  • ⚔HeroiconsAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🍱 Radix IconsAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

    • Inspiration

  • ▲ Evil RabbitAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • ▲ Lee RobinsonAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 👋🏻Maxime HeckelAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • 🟣 Rauno FreibergAn icon representing an arrow pointing diagonally towards the top right corner of the screen.
  • ⚛Josh W ComeauAn icon representing an arrow pointing diagonally towards the top right corner of the screen.

    • Photography

  • 📸 Where possible attributed inline

    • More