Mindset

Friction

A project falling apart, fifty-odd UI defects and no source of truth, and what staying in it taught me: friction only sharpens you when there's something steady to work against.

4 min read

career

mindset

Strategy

Future Positioning: Design in an Automated World

Private planning document. Site positioning review, honest assessment of gaps, and what's worth building as AI automates the execution layer of design.

8 min read

planning

strategy

ai

Article: Building Genie Changed Me

Agentic AI Design

Building Genie Changed Me

The story of building Genie — from personal experiment to organizational platform — and what building it changed about how I work, what I'm capable of, and how others engage with me.

7 min read

ai

agentic-ai

Article: When UX Becomes AX

Agentic AI Design

When UX Becomes AX

What designing for agentic systems actually looks like — mapping real workflows, defining agent behavior, setting guardrails — and why the skills designers already have are the ones that matter most.

4 min read

ai

agentic-ai

design

Article: Designing Your Own Relevance

Career-Growth

Designing Your Own Relevance

How pressure, curiosity, and transferable skills created a career path no one handed me. On finding your niche, navigating identity shifts, and building relevance by staying grounded in what's true about how you work.

4 min read

career

growth

leadership

Article: Leading Design Innovation

Design Leadership

Leading Design Innovation

On what leading design as a strategic function actually looks like in practice: building infrastructure that changes what's possible downstream, automating the mechanical parts of delivery, and staying close enough to the work to make decisions that matter.

2 min read

design

leadership

Article: The Ramstack

Design Philosophy

The Ramstack

A future-proof approach to front-end design isn't about specific tools—it's about the principles beneath them. On headless complexity, tech debt, and why interoperability should be the core of your design practice.

4 min read

design-tools

front-end

philosophy

Article: The Future of Design

Design Speculation

The Future of Design

Speculation on where design is heading. From siloed to integrated, static to dynamic, proprietary to open-source—the future of design is defined by tensions, not destinations.

4 min read

design

future

philosophy

Article: The Designer in the Age of AI

Design Evolution AI

The Designer in the Age of AI

Shifting from inspectors to system stewards. As tools automate comparison and regression, designers become orchestrators who define baselines, set standards, and protect coherence.

1 min read

ai

design

Article: Design Tokens - A Shared Language That Outlasts the Tools

Design Systems

Design Tokens: A Shared Language That Outlasts the Tools

Why a shared design language is the most resilient investment teams can make as tools, roles, and workflows keep evolving. In a time when everything else in tech feels like shifting sand, design tokens are the bedrock—tiny pieces of your design's DNA that become a shared language everyone can speak, ensuring consistency and adaptability even as the design tools around them evolve.

External ↗

design-systems

tokens

Article: The Distance Between Request and Outcome Is Now Your Brand

Agentic AI Design

The Distance Between Request and Outcome Is Now Your Brand

As agentic AI raises customer expectations for responsive, intelligent service, the gap between what companies promise and what they reliably deliver becomes their actual brand identity.

External ↗

ai

agentic-ai

Article: Designing Genie - Pioneering Agentic AI for Delivery

Agentic AI Design

Designing Genie: Pioneering Agentic AI for Delivery

Designing agentic systems forces you to rethink how work gets done. Not in the abstract, but in the day-to-day reality of delivery: shifting requirements, scattered context, rising risk, and teams stretched thin. This article explores how we built Genie—an agentic orchestration layer that consolidates context, generates requirements, surfaces risks, and automates workflows—and the three mental model problems we solved in designing for agentic AI.

External ↗

ai

agentic-ai

Article: The Best QA Is the One That Doesn't Have to Happen

Quality Process

The Best QA Is the One That Doesn't Have to Happen

Strong baselines. Early DQA. Less testing later. When quality is built into the baseline from the start, QA shifts from discovery to confirmation — and the best QA process is one that doesn't have to happen.

4 min read

quality

process

qa

Article: Designers as Final Checkpoint

Design Authority

Designers as Final Checkpoint

Maintaining authority through validation. When designers act as the final checkpoint before release, they protect the integrity of interaction, communication, accessibility, and system coherence.

1 min read

design

qa

Article: Manual vs. Automated Is the Wrong Debate

Quality Process

Manual vs. Automated Is the Wrong Debate

The complementary role of human and machine intelligence. Automation is acceleration, not intelligence. The future of quality is machines for detection, humans for discernment.

1 min read

quality

automation

Article: Delivering Fewer, More Complete Things

Velocity Strategy

Delivering Fewer, More Complete Things

True velocity through completion, not volume. It's better to deliver fewer tickets that are truly done than more tickets that will be reopened. Rework is invisible drag.

1 min read

velocity

strategy

Design Process

The Guardrail Problem

AI makes design fast. Dangerously fast. On why code friction is the discipline the process needs, and how to build constraints that let you run.

2 min read

design-process

ai-tools

design-systems

Mindset

Ego

On the difference between the discomfort that makes you better and the kind that follows you home — and how to tell which one you're feeding.

2 min read

career

mindset

growth

Enterprise UX

Make It Pop

Finding joy in enterprise design when the craft has moved from pixels to systems, and why the human part of the work matters more as tools get better.

2 min read

career

enterprise-ux

design-systems

Mindset

Imposter Syndrome Never Fully Goes Away

On showing up prepared without knowing the right answer, learning to sit with that discomfort, and being kind enough to yourself to build the support before you need it.

2 min read

career

mindset

growth

Design Learnings & Principles

Journal

Design Learnings & Principles

A living collection of wisdom from opinionated mentors, teachers, and personal design observations. From foundational principles to leadership lessons, this is a journal of continuous learning in design, code, and craft.

4 min read

design

leadership

Design Token Starter — multi-brand token architecture

Design Systems

Design Token Starter

A layered token architecture for personal projects and design systems — multi-brand, theme-aware, and Figma Token Studio ready. Two files to import, zero classes required.

5 min read

design-systems

tokens

open-source

counter-fill: typographic counter-space fill experiment

Typography Experiment

Counter Fill: Colouring the Holes in Your Type

A script that fills the enclosed counter spaces inside letterforms — the holes in o, e, a, g — with any colour or gradient. Generative, font-agnostic, and built on real DOM text so it stays accessible.

8 min read

experiment

canvas

typography

open-source

Doc: Design Guard

CLI Package

Design Guard

A lightweight design guard that scans staged files for hardcoded lengths (px/rem/%/etc.) and colors, nudging code toward design tokens.

2 min read

cli

design-systems

Doc: Smart Quotes Fixer

CLI Package

Smart Quotes Fixer

A safe script that converts straight quotes to smart quotes in rendered content without touching code, bindings, or attribute delimiters.

3 min read

cli

npm

Lab

Scroll-Driven Audio

The page as an instrument. Scroll to build a beat from scratch — layered drum synthesis triggered by scroll progress, with genre modes for trap, dancehall, and hip-hop.

External ↗

experiment

web-audio

scroll

Lab

Editorial Photo Filters

CSS, SVG, and canvas photo filters built with zero dependencies. Duotone, cyanotype, infrared, halftone, chromatic aberration, and more.

External ↗

experiment

css-filters

svg

Lab: Counter Fill Demo

Lab

Counter Fill

Live demo of counter-fill — filling the enclosed counter spaces inside letterforms with colour or gradients, built on real DOM text.

External ↗

experiment

canvas

typography

Explorations: design work and process

Visual Design

Explorations

UI experiments, design process, and work-in-progress from across projects.

visual-design

explorations

logo.svg

Jacques Ramphal

I lead design work where systems, code, and AI meet—building the practices and platforms that let cross-functional teams deliver meaningful products efficiently and sustainably.