:root {--size--2rem: clamp(1.65rem, 1.6785714285714286rem + 0.35714285714285715vw, 2rem);--size--2-5rem: clamp(2rem, 1.8571428571428572rem + 0.7142857142857143vw, 2.5rem);--size--3rem: clamp(2.25rem, 2.0357142857142856rem + 1.0714285714285714vw, 3rem);--size--3-5rem: clamp(2.375rem, 2.0535714285714284rem + 1.607142857142857vw, 3.5rem);--size--4rem: clamp(2.3rem, 2.0714285714285716rem + 2.142857142857143vw, 4rem);--size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);--size--5rem: clamp(3rem, 2.4285714285714284rem + 2.857142857142857vw, 5rem);--size--5-5rem: clamp(3.25rem, 2.607142857142857rem + 3.214285714285714vw, 5.5rem);--size--6rem: clamp(3.5rem, 2.7857142857142856rem + 3.571428571428571vw, 6rem);--size--6-5rem: clamp(3.75rem, 2.9642857142857144rem + 3.9285714285714284vw, 6.5rem);--size--7rem: clamp(4rem, 3.142857142857143rem + 4.285714285714286vw, 7rem);--size--7-5rem: clamp(4.25rem, 3.3214285714285716rem + 4.642857142857143vw, 7.5rem);--size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem);--size--8-5rem: clamp(4.75rem, 3.6785714285714284rem + 5.357142857142857vw, 8.5rem);--size--9rem: clamp(5rem, 3.857142857142857rem + 5.714285714285714vw, 9rem);--size--9-5rem: clamp(5.25rem, 4.035714285714286rem + 6.071428571428571vw, 9.5rem);--size--10rem: clamp(5.5rem, 4.214285714285714rem + 6.428571428571428vw, 10rem);--size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem);--size--12rem: clamp(6rem, 4.285714285714286rem + 8.571428571428571vw, 12rem);--size--13rem: clamp(6.5rem, 4.642857142857143rem + 9.285714285714286vw, 13rem);--size--14rem: clamp(7rem, 5rem + 10vw, 14rem);--size--15rem: clamp(7.5rem, 5.357142857142857rem + 10.714285714285714vw, 15rem);--size--16rem: clamp(8rem, 5.714285714285714rem + 11.428571428571429vw, 16rem);}

Light, atmosphere and tactility in a minimal setting

Of Light Studio

Image of the gradient designed for Of Light Studio.

Overview

Focusing on light and material textures, Of Light Studio is a young visualisation studio based in North England. Led by its founder Alex Dormon, the studio wanted to look into developing a website that encapsulates studio’s ethos and showcases the imagery in an engaging manner.

Screenshot of the Of Light Studio website homepage, with typography-led project navigation introducing the studio's work.
Opportunity

Similarly to architectural practices, visualisation studios need to present their work online in a compelling and engaging way. As Of Light Studio’s services consist entirely of digital output, it was paramount to establish a cohesive website with enough intricate details to allow visitors to freely roam and explore the studio’s work. How can we visually interpret Of Light Studio’s work into a web format while ensuring the imagery remains the primary focus?

Screenshot of the Of Light Studio website showcasing architectural visualisation work with pastel green hue.
Screenshot of a project detail page on the Of Light Studio website, displaying scattered image galleries.
No items found.
Outcome

Apart from the visualisations, the creative use of typography was equally vital to display on the site. Upon arrival, a set of titles suggests the types of projects the team works on. Thanks to intricate hover states, visitors can get an immediate glimpse of the artwork.

Throughout the site, a pastel green hue envelops scattered image galleries, guiding visitors to project details. In contrast, a new colour is introduced for the ‘about’ section, creating a clear visual break from the main body of the site. A simple image grid in the ‘work’ section depicts the studio’s professional and personal projects, showcasing a tapestry of images that captivate with their unique atmosphere.

Pastel green gradient used as a recurring visual element across the Of Light Studio website.
“As my service is purely a digital output, it's very important that my work is presented clearly and professionally online. Adam really listened to the brief and nailed the output on the first design option. The communication was smooth and he was very responsive to my feedback.”
Alex Dormon, Founder
Screenshot of the Of Light Studio about section featuring a contrasting colour palette.
Screenshot of the Of Light Studio work section, presenting a grid of project images.
No items found.
Year
2023
Scope
Web Design and Build
Client
Of Light Studio
Fill out form
ATARA STUDIO
Close form
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.