About
Design Engineer
Based in Stockholm
I sit at the intersection of design and engineering — where ideas get built into something you can actually touch and feel. My work is driven by a belief that software should be precise, considered, and alive.
With 12+ years of experience, I have built interfaces across companies of all sizes — from early-stage startups to enterprise at scale. I have architected and shipped 2 complete design systems from the ground up, enabling teams to move faster while maintaining quality and consistency.
Philosophy
Motion as communication
Animation is not decoration. When something moves it should tell you something — about what it is, where it came from, where it is going. I use Motion to build spatial relationships and continuity, not just to make things look fancy.
Type as interface
Typography is the single most powerful design tool available. Scale, weight, tracking, line height — these are the controls. A well-set page barely needs anything else.
Systems over styles
Good design engineering means building for scale. Components should be composable, predictable, and accessible by default.
Craft at every layer
I care about code quality as much as visual quality. Clean TypeScript, semantic HTML, performant CSS — these are not trade-offs against good design. They are the foundation of it.
What I Do
Design Systems Architecture
I have built two complete design systems from the ground up — one with 40+ components in React based on Radix UI, and another in Stencil.js with a matching Figma system. Both achieved 85%+ component reusability and measurably accelerated team velocity. I approach design systems as living products, not static libraries — they need governance, documentation, and continuous evolution.
React, Radix UI, Stencil.js, Storybook, Figma, Tailwind CSS, TypeScript
Modern Frontend Architecture
I thrive in complex technical environments — monorepos with 10+ applications, migration projects from Angular to Vue, enterprise-scale React ecosystems. I make architectural decisions that balance developer experience with performance, maintainability, and scalability. I love working with the latest tools and patterns, from React 19 and Server Components to Vite, Turbo, and modern CSS.
React 19, TypeScript, Vite, Turbo, TanStack Query, React Router v7, pnpm workspaces
Accessibility & Standards
Accessibility is not an add-on — it is a baseline requirement. I have coached multiple teams on WCAG 2.1 compliance and built components that are accessible by default. Semantic HTML, proper ARIA usage, keyboard navigation, and screen reader testing are embedded in my workflow. Good design serves everyone.
WCAG 2.1, ARIA, Semantic HTML, Screen Readers, Keyboard Navigation
Animation & Motion Design
Motion is where engineering meets emotion. I use animation to create spatial relationships, guide attention, and build continuity across experiences. From subtle micro-interactions with Motion (Framer Motion) to complex GSAP timelines and Three.js scenes, I believe animation should always serve a purpose — never decoration for its own sake.
Motion (Framer Motion), GSAP, Three.js, CSS Animations, Spring Physics
Tools & Stack