Wallnut
The concept behind the wall
The concept for Wallnut’s website is based in architectural structure — using grids, lines, and spatial divisions to create rhythm. These elements define the layout while allowing movement and flexibility. Typography often breaks across these divisions, reinforcing the idea of tension between structure and creative expression.
Lines that set the tone
We designed Wallnut’s website with structure built into the experience — quite literally. Four horizontal lines frame the hero section, setting a calm but confident tone. From the first scroll, we wanted visitors to feel clarity, order, and control — a direct reflection of how Wallnut works.
Crossing the line
To bring Wallnut’s process to life, we played with transitions that mirrored architectural thinking — from sketch to render, from concept to detail. The home page features a timeline slider that breaks through rigid divisions, revealing the method behind the work in a way that feels fluid and intentional.
Layouts with logic and personality
To bring Wallnut’s process to life, we played with transitions that mirrored architectural thinking — from sketch to render, from concept to detail. The home page features a timeline slider that breaks through rigid divisions, revealing the method behind the work in a way that feels fluid and intentional.
Contact experience
We didn’t want the contact page to feel like an afterthought — so we treated it like a space. It begins with a press-and-hold CTA, then unfolds in three vertical sections that expand and contract as the user progresses. It’s a small moment, but one that speaks volumes about how Wallnut designs every interaction with care.
