Craft at the
intersection
of <code>
and design.
The finest digital work emerges where structural thinking and aesthetic precision become indistinguishable. Every pixel earns its place. Every function serves its purpose.
Taylon Chan
Full-Stack Developer
UI Designer
Studio
Fuzionix
Education
Hong Kong Baptist University
Based in
Hong Kong
Specializing in digital craft, product design systems, and creative technology. Blending modernist sensibility with technical precision to engineer thoughtful, sustainable interfaces and tools.
Hong Kong
UTC +08:00 — --:--:--
Open to collaboration
What Fuzionix Do
Tokens
Ink
# 1A1A1A
Ash
# 888888
Border
# E5E5E5
Paper
# F8F7F4
Buttons
Design System
Architecture
Building scalable, token-based design systems that unify visual language across products — from atomic foundations to complex component libraries.
Creative
Technology
Merging engineering rigor with creative exploration — interactive experiments, generative UI, and motion-rich experiences that push the boundary of the medium.
Email Address
Border
1px · var(--border)
Fill
transparent
Opacity
100%
Product Interface
Development
Engineering pixel-precise interfaces where design intent and technical execution are in complete alignment. Every state, transition, and edge case considered.
Brand Digital
Identity
Translating brand essence into cohesive digital expressions — from mark-making to full identity systems that hold integrity across every surface.
Technical
Design
Design Engineering
Converting Figma designs into semantic HTML and accessible React components. Building responsive layouts that work flawlessly across devices while maintaining design fidelity to the pixel.
Selected Works
DevTool Plus
A code editor extension that provides common developer tools directly in your editor. The extension runs entirely on your local machine. No network requests are involved.
Curzr
A library of high-quality custom cursors and effects. It showcases creative designs with live demos. Developers can access easy-to-use code examples for every cursor.
Pseudo Ipsum
This tool provides Lorem Ipsum for code. It generates syntactically valid and non-functional syntax. Support is included for various popular programming languages.
Youtube Audio Plus
A browser extension for advanced YouTube audio control. It features an equalizer and bass adjustments. Visual effects enhance the listening experience for every user.
Methodology
A discipline of dual fluency — thinking in grids and thinking in components simultaneously, until the boundary dissolves.
Design Lens
Audit the landscape. Understand constraints, user mental models, and latent opportunity. Draw the invisible architecture before drawing the visible surface.
Code Lens
// define scope
const constraints = await audit(landscape);
const intent = derive(scope, users);
return { constraints, intent };Systems Over Patches
One-off fixes compound into debt. Reusable foundations multiply into leverage.
Rationale in Every Decision
Nothing arbitrary. Every sizing, spacing, and color decision carries a rationale.
In-Medium Thinking
The browser is the canvas. Working in-medium eliminates the translation gap entirely.
Intention Over Ornament
Restraint as a design act. Whitespace is not emptiness — it is pure intention.