About

I work where design systems, frontend architecture, and teaching meet.

I am a Senior Design Engineer focused on the architecture, tooling, standards, and collaboration models that help product teams ship consistent and accessible UI at scale.

Focus

Design systems as product infrastructure.

My work sits between design intent and engineering reality: component libraries, semantic design tokens, accessible defaults, developer tooling, and contribution models that make system quality easier to repeat.

My recent writing explores design systems, UX development, AI-native workflows, and the ways team behavior becomes part of the interface. This site keeps older web experiments and creative practice as an archive of the same throughline: craft, constraints, and curiosity.

Outside of product work, I teach web design and frontend development at Louisiana State University. I recently turned my course book into Learn.QuintonJason.com, a learning platform for students building foundations in HTML, CSS, JavaScript, accessibility, responsive design, and UX.

CSS and SVG Experiments

Small demos from talks, teaching, and frontend play.

These experiments show the craft side of my work: explaining browser behavior, prototyping interaction ideas, and using CSS and SVG to make technical concepts easier to see.

CSS / SVG Debugging

Understanding transform-box

A focused demo explaining how SVG transform origins behave and how transform-box fixes browser behavior that feels broken.

View demo
SVG Animation

Animated Playing Card

An interactive motion study using SVG and CSS animation to turn a small visual detail into a polished interface moment. Hover the card to trigger the animation.

View demo
Logo Motion

Hack Night Logo

A logo animation demo exploring transforms, timing, and expressive SVG motion for an event identity. Use the dropdown to switch logo states. The real version used the WeatherBug API to respond to local weather.

View demo
SVG Character Motion

CSS Animated Cuddly Bear

My first SVG animation, later used in an SVG teaching session to make shape animation feel tangible.

View demo
SVG Talk Demo

Sunset Vegas

A slide-deck demo from an SVG talk showing how expressive vector illustration and motion can support teaching. Click the Vegas sign to play the animation.

View demo