Due to the wide variety of content that needs to be presented on the website, it is highly focused on utility and maximizing space for imagery. The design is modular, allowing for many configurations of content without needing to create custom components for each case study.
The design is inspired by brutalist philosophy, which further highlights the utilitarian and structural elements of the page and makes them key characteristics of the overall aesthetic.
A monospace typeface is utilized for the functional and technical aspects of the website, such as project filters and meta information. Code snippets and technical process information are also presented in monospace, reserving the sans-serif for project names and descriptions, emphasizing a more human component of the work presented within the digital space.
The color palette is minimal, utilizing colors reminiscent of the 16 named colors ratified in the 1999 HTML 4.01 specification, helping set the same tone of retrofuturism established by the sans-serif typeface.
The website is built with React, using Next.js for server-side rendering. The website content is powered by Prismic.io, a SASS, headless CMS. Music data is sourced from the last.fm API and fed from Spotify.
The website is hosted on a small virtual private server running Ubuntu and Nginx. Reverse proxies are set up to route traffic to locally run applications.
July 10 - Upgrade Ubuntu from 14.04.5 to 16.04, upgraded Ngnix 1.10.3 to support HTTP/2, enabled HTTP/2, various accessibility and best practice updates
July 7 - Moved website to a VPS, installed SSL and set up media.ronniepence.com to securely serve videos and other static content
Deconstructing color in famous paintings
Photographs taken during a July 2018 trip to Thailand.
Images generated from past projects and projects in progress
Photographs taken during a September 2016 trip to Iceland.
Process, design, and update log for this website
A collection of logos and pictorial marks for various companies
Exploring the dichotomy of the forms of the colossal and the microscopic through machine generated images