Design Technologist at Stripe. Building at the crossover between design and engineering.https://www.carmenansio.com/enhttps://www.carmenansio.com/articles/variable-font-scroll/https://www.carmenansio.com/articles/variable-font-scroll/font-variation-settings is a CSS property like any other, which means animation-timeline can drive font weight, tracking, and optical size directly from scroll position. No JavaScript.Mon, 20 Apr 2026 00:00:00 GMThttps://www.carmenansio.com/articles/creative-bypass/https://www.carmenansio.com/articles/creative-bypass/When AI tools make it faster to build outside the system than inside it, the problem isn't the tool. It's the system that isn't worth reaching for.Thu, 16 Apr 2026 00:00:00 GMThttps://www.carmenansio.com/articles/spring-physics-css/https://www.carmenansio.com/articles/spring-physics-css/How browsers animate, why cubic-bezier is an approximation, and how linear() lets you use a real spring equation. No JS at runtime.Sun, 12 Apr 2026 00:00:00 GMThttps://www.carmenansio.com/articles/motion-tokens-design-systems/https://www.carmenansio.com/articles/motion-tokens-design-systems/How to build a motion token system that engineers actually use: primitives, semantics, enter/exit, and when CSS isn't enough.Mon, 06 Apr 2026 00:00:00 GMThttps://www.carmenansio.com/articles/animated-icon-libraries/https://www.carmenansio.com/articles/animated-icon-libraries/SVG from scratch, Lottie, dotLottie, CSS: a real comparison covering bundle size, customization, and the moment your designer gives you something none of the libraries support.Wed, 01 Apr 2026 00:00:00 GMThttps://www.carmenansio.com/articles/svg-from-scratch/https://www.carmenansio.com/articles/svg-from-scratch/SVG is not an image format. It's a coordinate system, a styling surface, and an animation target, all in one. Here's what you actually need to know to use it well.Tue, 31 Mar 2026 00:00:00 GMThttps://www.carmenansio.com/articles/css-entry-exit-animations/https://www.carmenansio.com/articles/css-entry-exit-animations/How @starting-style, transition-behavior: allow-discrete, and interpolate-size finally solve the animations JavaScript used to own: animating display: none and height: auto in pure CSS.Mon, 30 Mar 2026 00:00:00 GMThttps://www.carmenansio.com/articles/oklch-and-the-modern-color-stack/https://www.carmenansio.com/articles/oklch-and-the-modern-color-stack/A practical guide to oklch for design systems: perceptually uniform color scales, color-mix(), wide gamut, and animatable color tokens. All without a library.Sun, 01 Feb 2026 00:00:00 GMThttps://www.carmenansio.com/articles/figma-to-react-interactive-animations/https://www.carmenansio.com/articles/figma-to-react-interactive-animations/How to take an interactive Figma prototype (Smart Animate, component states, transitions) and ship it in React using dotLottie and Framer Motion. Based on a real project I designed and built.Sat, 10 Jan 2026 00:00:00 GMThttps://www.carmenansio.com/articles/creative-coding-design-engineer/https://www.carmenansio.com/articles/creative-coding-design-engineer/A gyroscope experiment built at 11pm with no brief ended up in a production landing page. That's the whole argument.Sat, 15 Nov 2025 00:00:00 GMThttps://www.carmenansio.com/articles/generative-design-browser/https://www.carmenansio.com/articles/generative-design-browser/SVG filters, feTurbulence, CSS noise, and math-driven layouts: how to use the browser as a generative design tool without any external libraries.Mon, 06 Oct 2025 00:00:00 GMThttps://www.carmenansio.com/articles/art-of-css-motion/https://www.carmenansio.com/articles/art-of-css-motion/Easing curves, staggered animations, and choreography as a design tool: how to think about motion the way a designer thinks about type and space.Sat, 26 Apr 2025 00:00:00 GMThttps://www.carmenansio.com/articles/css-scroll-driven-animations/https://www.carmenansio.com/articles/css-scroll-driven-animations/A deep dive into the new CSS scroll-driven animations API: how to use animation-timeline, scroll(), and view() to create scroll-linked effects with pure CSS.Sat, 15 Mar 2025 00:00:00 GMT