Colophon

How It's Made™ but for websites.
Last updated: March 09, 2025.
Platform

The site is built and hosted on Webflow, primarily from scratch with some block elements from Relume. I also used Relume's Style Guide as a starting point for styling, spacing, etc. Domain hosting is through Hover.

The entire website is structured through Webflow’s native content management system (CMS), which retrieves data from multiple collection sets using logic-based filtering and custom properties.

Planning

Initially, I decided to use Relume’s AI Site Builder to draft a rudimentary sitemap and page layout strategy. However, I ultimately made significant modifications in Webflow to nearly every aspect of the site, excluding the index strategy.

Design

The majority of design elements were crafted in Webflow, with the structured aid of Relume's Style Guide. Given my predetermined aesthetic—clean, minimalist, functional, and contemporary—the task was merely to translate my conceptualizations into the style guide. Additionally, I utilize Figma for layout, design, and mockup creation. Figma has become an indispensable tool for my workflow, and I rarely venture into other projects without its assistance. Finally, Adobe Photoshop and Illustrator are utilized for graphic enhancements and the creation of .svg assets. ColorSlurp serves as my preferred color picker and WCAG contrast testing utility.

The typeset used on this site is Roobert by Displaay Type Foundry. It's named in homage to Robert Moog, the American engineer, electronic music pioneer, and founder of Moog Music, Roobert carries the legacy of its namesake, who was renowned for his groundbreaking invention, the Moog synthesizer, and his contributions to the field of electronic music instruments.

An additional typeface is utilized for iconography through Font Awesome.

Develop

The majority of the interactions and animations have been custom-built natively within Webflow. Additional scripts utilized are sourced from external libraries.

This site uses Fathom Analytics for ease of use, forever data retention, and complete, worry-free GDPR compliance.

This site also uses Termly as an all-in-one compliance solution to automatically stay up to date and compliant with privacy laws like GDPR, CCPA, PIPEDA, ePrivacy Regulation and more.