(1) The sidebar is designed to be fixed and present throughout the users’ journey. The aim is to provide a constant call-to-action that doesn’t interrupt the content or layout of the page. (2) The mobile design highlights the booking form found in the sidebar. The aim is to quickly and efficiently sign users up to the event no matter the device. (3) The scaffolding lines were influenced not only by the desire to leverage CSS Grid but by researching Modernist layouts for a theme. Most notably Müller-Brockmann’s ‘Grid Systems in Graphic Design’. (4) Throughout the design you’ll notice the use of Fira Code. This very specific typeface with its unique text-editor features was chosen to give character to the design. (5) Duo-tone imagery is a key feature of the design; powered by SVGs and CSS Filters they not only help to showcase the event but are part of the user experience too. The sidebar changes colour based on whether it’s open or closed.