Interactive
The Graph'25
GDS: The Graph Design System
Taking over design system efforts at The Graph while shipping product work. 60+ components, 100% design-dev parity, and custom tooling.
Software designer at The Graph.
I work on data-heavy interfaces for crypto, finance, and developer tools, and I do the bridge work between design and engineering. Lately that means running The Graph's design system.
At heart I'm a builder. Over the years I've made a lot of tools for designers and developers: Figma plugins, web3icons, the experiments on this site. Free time goes to interactive essays and my motorcycle.
01
Selected Work
Design systems, developer docs, and payment flows from the last four years.
The Graph'24
The Graph Docs
The Graph's developer documentation was prioritizing aesthetics over function. Hard to read, hard to navigate, and felt like marketing fluff. What started as a homepage request turned into a full overhaul focused on legibility, navigation, and actually serving developers.
Utrust'23
Creating the Design System of Utrust
Created Utrust's comprehensive Design System following Atomic Design principles. Built adaptive, accessible components that improved designer-developer collaboration and accelerated workflows.
Utrust'22
Redesigning Utrust's Crypto Payment Gateway
Redesigned the Payment Gateway with De-Fi wallet integration and improved navigation. User research validated the approach, resulting in easier payments and reduced fees.
02
Papers
Interactive essays. Explanations you can play with.
#01
How Easing Functions Shape Motion
An interactive exploration of timing functions, bezier curves, and the math behind smooth animations
Interactive essay ↗#02
How Motorcycle Engines Work
An interactive guide to understanding motorcycle engine configurations
Interactive essay ↗#03
How to Play Poker
An interactive guide to Texas Hold'em poker
Interactive essay ↗03
Playground
Experiments and small apps, running live on this site. Click around.
/monaco
Monaco Theme PlaygroundGenerate, preview, and export editor color themes with built-in contrast checks.
/trafik
Trafik İşaretleri QuizA Turkish traffic-sign quiz with a full game engine, scoring, and keyboard play.
/acceleration-sense←→
Acceleration SenseAn interactive talk deck on motion perception, navigable entirely by keyboard.
04
Open Ideas
Ideas I'll never get to, dealt face up. Take one.
05
Side Projects
Figma plugins, open-source libraries, and tools I build to scratch my own itch.
14Monaco Theme PlaygroundCreate custom themes for Monaco/VS Code with live preview
202513Trafik İşaretleri QuizTurkish traffic signs quiz
202512Create Icon SetsDead simple plugin to organize icon frames into component sets, sorted alphabetically
202411Variants ManagerFind and replace property names, enforce naming rules across multiple pages or selections
202410Web3IconsMost comprehensive React blockchain icon library for tokens, networks, wallets and exchanges
202409Find Missing ComponentsFind orphaned component instances and detach, replace, or delete them
202308Property InspectorInspect designs for padding, gap, radius, and stroke values and find exactly where they're used
202307Crypto Icons Figma PluginFigma plugin for quickly importing crypto currency icons as svgs
202206Figma to Slack NotificationsSlack notification service that runs on a server and posts to a channel whenever our Figma library gets updated.
202205Crypto Futures Trading BotDiscord command-based futures trading bot, with copy-trading and analytics
202104Button BuddyCreate all the button components you need with only 2 clicks
202003PassWallOpen-source password manager that can be deployed anywhere
202002ChecklistChecklist for teams
201901TyppingA fun little typing game
201906
Experience
From founding teams to scaling systems.
The GraphSr. Product Designer
2023–PresentxMoneySr. Product Designer
2021–2023Catch SocialFounding Designer
2020–2021Atolye15Product Designer
2018–2020