Engineering↳ DesignSystems.

Design engineer, focused on agent experience. I build design systems in code: multi-tenant UI, token architecture, and machine-readable contracts that survive contact with reality. Remote, async-first contract IC for EMEA product teams.

CAPACITY — Q3/Q4MODEL — IC + SPRINTLOC — EMEA PARITY

// 01 Practice

SYSTEMS

Architectural Governance

I treat design systems as immutable infrastructure: logic-driven libraries using advanced variables and semantic tokens that stay maintainable under Day 1 pressure.

AGENTS

The UX of Agency

I design for AI that people steer rather than just chat with: transparency and control loops so users stay in charge of complex, agentic systems.

DELIVERY

High-Signal Execution

Remote studio in the KZN Midlands. Pattern recognition and multi-layered systems thinking, with low-noise, async-first delivery without sync theatre.

Full practice + sprint

// 02 Selected Work

2026

The Mothership: agentic infrastructure for a neurodivergent brain

Design Ops infrastructure for senior product design: token architecture, structural governance, and human-steered agentic workflows that keep design intent intact from brief to build.

Senior Product Designer / Systems Designer (Solo) — Cursor · Vite · React · Next.js · TypeScript · Vercel · GitHub · Claude API

→
2026

Old Mutual: building the Logic Layer

A Logic Layer and Template Anatomies system, built in four weeks across 48 tenant sites, modular enough to absorb shifting commercial priorities without breaking.

Senior Product Designer — Figma UI3, Design Matrices, Structural Governance

→
2023

Fanblock: multi-tenant Web3

A 0-to-1 product design lead role securing $1M+ in additional seed funding and architecting a scalable, multi-tenant web3 sports platform, launching the initial AC Milan beta in exactly 120 days from the first line of code, followed by Tottenham Hotspur.

Product Design Lead — Figma UI3, Token Studio, Jira, Asana

→

// 03 Systems & Tooling

Core Infrastructure

React 19
TypeScript
Next.js
Tailwind CSS v4
Vercel

Design Engineering

Figma UI3
Advanced Variables
Enterprise Token Architecture
Multi-tenant Logic

Agent Tooling

Claude Code
Schema Validation
Human-in-the-Loop
Prompt Compilation

// 04 System Architecture

System
Architecture

Token architecture, agentic orchestration, and system-led governance: the stack behind this portfolio and the Mothership design engine.

View Work
# Portfolio + Mothership Architecture

[SYSTEMS_LED_PRODUCT_DESIGN]
  ├─ Logic_Layer            = REACT + TYPESCRIPT + NEXT.JS
  ├─ Token_Architecture     = MULTI_THEME_SEMANTIC_TOKENS
  └─ Governance             = STRUCTURAL_RULES + MATRICES

[AI_ORCHESTRATION]
  ├─ Engine                 = MOTHERSHIP_AGENTIC_CORE
  ├─ Workflow               = HUMAN_IN_THE_LOOP_STEERING
  └─ Context_Strategy       = DYNAMIC_MEMORY_INJECTION

[INFRASTRUCTURE]
  ├─ Deployment             = VERCEL + GIT_CI_CD
  └─ Tooling                = CLAUDE_CODE_AGENTIC_WORKFLOW

// [Status: Systems online]
// [Focus: Token architecture → agentic delivery]▋