Real frontend engineering, not tutorial fluff
Practical deep-dives on design systems, frontend architecture, AI-assisted workflows, and the decisions that happen after the tutorial ends.
Get practical frontend engineering notes, real project lessons, and downloadable resources as they ship.
Problem
Design tokens drift across apps
System
Tokens Studio ↓ Style Dictionary ↓ Panda CSS ↓ Storybook
One source of truth for UI decisions
What you'll find here
Every piece of content comes from real projects — no synthetic examples, no tutorial fluff.
Tokens, components, Storybook, documentation, and UI platform thinking.
Patterns, tradeoffs, folder structures, app design, and production decisions.
Practical ways to use AI tools without handing over your brain.
Downloadable starters, templates, and reusable frontend foundations.
Real-world fixes for annoying browser, tool, API, and deployment issues.
Lessons from senior frontend work, client projects, and product engineering.
Join the newsletter for practical frontend engineering notes, AI workflow experiments, design system lessons, and downloadable resources.
No spam. No fluff. Just useful engineering notes.
Latest
Recent notes on systems, architecture, design tokens, and AI work.
The best abstraction isn't the one that deletes the most lines of code — it's the one that encodes the most decisions, so nobody has to make them twice.
CSS responds to logical viewport conditions — not to the resolution on the box your monitor came in. CSS pixels, zoom, and device density explained.
Responsive dashboards aren't shrunken desktop tables — they're reprioritized information and interaction for a smaller screen and a different context.
I'm a senior frontend engineer, design system lead, and founder of JG Designs. I build production software, client sites, internal tools, and AI-assisted workflows — then write down the lessons that are actually useful.
These notes are for engineers who are past the beginner tutorial stage and want practical, real-world frontend thinking.
More about me →Credentials