Colophon
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.
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.
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.
Two fonts are used on this site: SF Pro Display and Adobe Garamond Pro. The former, an Apple designed san serif typeface that provides a consistent, legible, and friendly typographic voice. The latter, Adobe’s first historical revival, is a digital interpretation of the roman serif types of Claude Garamond and the italic types of Robert Granjon.
An additional typeface is utilized for iconography through Font Awesome.
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.
