# Edgar López

> A designer and engineer working across brand, product, and marketing.

Design engineer at Sequence. This file covers everything published at https://www.edgarlr.com: case studies of client and personal work, and posts about building for the web.

## Work

- [Sequence brand and website 2026](https://www.edgarlr.com/work/sequence-brand-and-website-2026): Design and engineering work for Sequence, including Sequence Labs, and Sequence Collect 2026.
- [Bloques documentation platform](https://www.edgarlr.com/work/bloques): Documentation platform I build on the side, and plan to open source. Git-based workflows, a block editor on the web, and instant deployments.
- [Sequence billboards](https://www.edgarlr.com/work/sequence-billboards): Design for an out-of-home campaign across New York and San Francisco, built around one line: “Your billing errors cost more than this billboard.”
- [Sequence Labs](https://sequencehq.com/labs): Where the company publishes the AI agents it is prototyping. Sequence MCP and a contract intake agent shipped as the first two.
- [Sequence brand and website 2025](https://www.edgarlr.com/work/sequence-brand-and-website-2025): Design and engineering work for Sequence, including Sequence Collect 2025.
- [Metria design system](https://geo.metria.so/components/button): A personal design system in three packages: components, icons and a Tailwind theme. Two sites document them, Geo for the components and Icono for the icons.
- [PlanetScale homepage](https://www.edgarlr.com/work/planetscale-homepage): Built with the brand team. Animated throughout and built on native web APIs, with a reduced-motion path through all of it.
- [PlanetScale product pages](https://www.edgarlr.com/work/planetscale-product-pages): Work across engineering, motion, animation and interaction to demonstrate and explain product features.
- [PlanetScale growth experiments](https://www.edgarlr.com/work/planetscale-growth-experiments): A/B testing for PlanetScale’s marketing site, GrowthBook on top of the existing analytics, with variants assigned in edge middleware and served as prerendered static pages.
- [Plane remote pay strategy guide](https://www.edgarlr.com/work/plane-compensation-guide): A guide site for Plane on paying a distributed team, built around a dozen content formats and the content modeling in its CMS.
- [Lapsso landing page](https://www.edgarlr.com/work/lapsso-landing): Built to walk through how the product works.
- [Intercom — Welcome to Intercom](https://www.edgarlr.com/work/intercom-welcome-to-intercom): A growth experiment on Intercom’s signup flow, plus the A/B setup behind it.
- [Intercom pricing and product pages](https://www.edgarlr.com/work/intercom-pricing-and-product-pages): Work across engineering, content modeling, motion, animation and interaction on Intercom’s marketing site.
- [Open source — Magazine starter](https://www.edgarlr.com/work/magazine-starter): An open-source starter for digital magazines: Next.js, Strapi and IndexedDB, tuned for performance and ready to publish from. Built for a friend.

## Writing

- [Building PlanetScale's new homepage](https://www.edgarlr.com/posts/building-planetscale-homepage): A deep dive into the process, design decisions, and technical implementations involved in building PlanetScale's new homepage
- [Carousel using React Hooks and CSS scroll snap](https://www.edgarlr.com/posts/react-carousel-using-hooks-and-css): Carousel Component with scroll indicator and next and prev buttons
- [Infinite marquee animation with React and CSS](https://www.edgarlr.com/posts/infinite-marquee-animation): Infinite marquee animation with React and CSS
- [Share button using React, Web Share API and unsupported fallback](https://www.edgarlr.com/posts/share-button-using-web-share-api): Share Button Component built with React
- [Setting up Strapi with Cloudinary and Heroku](https://www.edgarlr.com/posts/setting-up-strapi-with-cloudinary): Setting up a production-ready workflow for Strapi CMS
- [Tips for getting started with Strapi](https://www.edgarlr.com/posts/tips-at-getting-started-with-strapi): A few tips that will help you with Strapi
- [Quick fix for CSS animation performance](https://www.edgarlr.com/posts/quick-fix-for-css-animation-performance): Testing and improving CSS animation performance
- [CSS variables for scalable projects](https://www.edgarlr.com/posts/css-variables-for-scalable-projects): A deep-dive on CSS variables and how to use them for scalable workflows

## Optional

- [Full text](https://www.edgarlr.com/llms-full.txt): every page above, inlined.