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.

Design Token Starter — multi-brand token architectureDesign Token Starter — multi-brand token architectureDesign Token Starter — multi-brand token architecture

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.

counter-fill: typographic counter-space fill experiment

Design Guard

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

Doc: Design Guard

Smart Quotes Fixer

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

Doc: Smart Quotes Fixer

Explorations

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

Explorations: design work and process
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.

© 2026 Jacques Ramphal 🇨🇦 © 2026 Jacques Ramphal 🇨🇦