Hey friend, I’m a designer & engineer. Welcome to my corner of the web. If we share similar interests or you like my work, I’d genuinely love to hear from you :)

–Yusuf

Gaussian Particle Generator

2026
View project

While working on a site for an architecture studio, I built a browser based particle generator that takes an image and outputs a gaussian splat using Apple's ML SHARP, Three.js & GPGPU.

The technical beauty of the project lies in how it compresses the output from ML SHARP into pgs.gz format (10–13% of original size), which is then decoded and rendered in the browser using Three.js.

Try it live. Switch images/scenes. Explore them as a material system: light, depth, and texture. The site and its interactions tries to turn a still architectural image into something spatial and tactile.

Dakora

2025
View project

Designed the brand identity and e-commerce website for Dakora, a Johannesburg-based furniture and homeware brand. The work translated its quiet, enduring approach to design into a restrained visual system across digital and physical touchpoints.

The website brings Dakora’s furniture, accessories, café, apartments and journal into a single editorial storefront. Measured typography, generous spacing and image-led layouts allow the materials, objects and spaces to remain the focus.

The interface was designed to feel more like a quiet catalogue than a conventional online shop, giving Dakora’s products, spaces and editorial world room to speak for themselves.

Image Generation Concept

2024

Designed a cross-platform image generation concept as part of a larger project proposal for a leading frontier AI image generation lab. The goal was to design a visually compelling yet thoughtful interface.

Explored how professional-grade image generation tools could feel lightweight, spatial, and visually immersive, balancing prompt input, model selection, asset handling, and image browsing in a single creative workspace.

The interface was designed to fade into the background, acting as an enabling environment for both professional and non-professional creative work.
Shot Blue Marilyn
Andy Warhol, 1964
Spring (Primavera),
Sandro Botticelli, circa 1482
Merahi metua no Tehamana
Paul Gauguin, 1904
Portrait of Giovanna Tornabuoni
Domenico Ghirlandaio, 1488
Self Portrait
Vincent van Gogh, 1887
Ginevra de' Benci
Leonardo da Vinci, circa 1478
Self-portrait with Thorn Necklace
Frida Kahlo, 1940
Lady with an Ermine
Leonardo da Vinci, 1489–1491
As part of the project I created a series of generative art pieces derived from historically iconic portraits. The preserved areas of the paintings act as focal points, evoking a sense of connection between the past and the future of media.

Infiniteloop

2024

Branding and visual identity for Infiniteloop a Johannesburg based music and sound production studio that provides recording equipment, mixing and audio production for artists & companies.

I designed a brand and visual identity built around the constraints of being Timeless, Scalable and Industrial. Which fit what Infiniteloop wanted to be known for. Providing a great studio.

A modular design system built from the visual language of studio hardware, signal flow, and repetition. The result is a flexible brand that feels technical, durable, and approachable without relying on familiar clichés.

Pinched.io

2021–2023
View project

Founded a company to make finding uniquely talented people from within your network more legible. I.e. "Find all designers in London following me / my investors that have worked at X company.

It combined pre-enriched data from Twitter, Github and Linkedin with an expansive boolean search engine built on top that allowed folks to search by skills, experience and interests.

The product was built around speed, clarity and high-signal data, helping users move from a broad professional network to a relevant shortlist with minimal friction.
iPad Frame
The original Pinched landing page was designed and built in a weekend and without consciously optimising for it, had a suprisingly high conversion rate of 36%.

Lil Designer

2021

I designed and built a suite of tools for on–the–go rapid prototyping and wireframing with the goal of minimising the feedback loop between idea and iteration.

These tools were built for fun after being heavily inspired by Apple's WWDC 2021, and their ability to continually push unique and intuitive interaction mechanisms.

01 Prototyper. I built a simple iPad app that let me quickly get ideas out of my head using code-first prototyping. Framer.js provided a lightweight and expressive way to add interactivity.02 Wireframer. The advantage of using an iPad over paper, aside from finer grained control, is that we can mathematically intuit what each sketch represents and flesh it out with pre-built primitives.

Thinkst Canary

2019–2021
Case study

I worked as an early employee and design engineer at Canary, an infosec company that alerts your security team when your internal network has been been breached. In my time there, Canary bootstrapped its way to $12m ARR while scaling rapidly.

I touched almost every product surface area, including working on a port of the legacy dashboard to a newly designed UI and modern codebase. Canary, despite being an enterprise infosec product, is much loved for its design simplicity.

Simple by design. “I think they should make their dashboard more flashy because it almost makes you feel like they don’t have the capabilities that they actually do. It’s actually almost so simple that you feel like it’s kind of too simple.”
Delightful dashboard & design system. Most security products feel very clunky & enterprisey. Canary was designed to be a delightful alternative. It’s why it’s one of the most loved infosec products around.
Canarytokens.org. An open source project that helps folks find bad actors accessing stuff they shouldn’t. Drop Canarytokens in your files (or anywhere) and they act as tripwires.Github Stars2k