https://maecapozzi.com/about

1<!DOCTYPE html><html class="__variable_f367f3 __variable_5a5b88"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><link rel="alternate" type="application/rss+xml" title="The Garden" href="/feed.xml"/><link rel="preload" href="/_next/static/media/e4af272ccee01ff0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/f36144f235cd456e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/478cfa4924927909-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/a259cf9a9b4ee5a8-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/c1b2525dbf113167.css" as="style"/><link rel="stylesheet" href="/_next/static/css/c1b2525dbf113167.css" data-n-g=""/><noscript data-n-css=""></noscript>

1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>

1<script src="/_next/static/chunks/webpack-292940d29f553e4d.js" defer=""></script>

1<script src="/_next/static/chunks/framework-dcaa5da0aa7c2d9e.js" defer=""></script>

1<script src="/_next/static/chunks/main-71d321080517ec0f.js" defer=""></script>

1<script src="/_next/static/chunks/pages/_app-339540fdff9d0ee2.js" defer=""></script>

1<script src="/_next/static/chunks/176-bba45ac9b2c90c5f.js" defer=""></script>

1<script src="/_next/static/chunks/pages/about-94a48d45083885ff.js" defer=""></script>

1<script src="/_next/static/WRWT6chqjXOopt2cvF60b/_buildManifest.js" defer=""></script>

1<script src="/_next/static/WRWT6chqjXOopt2cvF60b/_ssgManifest.js" defer=""></script>

1</head><body><div id="__next"><div data-is-root-theme="true" data-accent-color="grass" data-gray-color="olive" data-has-background="true" data-panel-background="translucent" data-radius="medium" data-scaling="100%" class="radix-themes"><style data-emotion="css-global qrkowh">.radix-themes{--default-font-family:var(--font-inter);--em-font-family:var(--font-inter);}</style><style data-emotion="css fsydvw">.css-fsydvw{display:grid;grid-template-columns:repeat(25, 1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin:0px;}</style><div class="css-fsydvw"><style data-emotion="css f6goam">.css-f6goam{grid-column-start:1;grid-column-end:25;}@media (min-width: 768px){.css-f6goam{grid-column-start:6;grid-column-end:21;}}</style><div class="css-f6goam"><style data-emotion="css c5ciz3">.css-c5ciz3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:1200px;padding:0.5rem 0.5rem;margin:0.5rem 0 1.5rem 0;border:1px solid #e0e0e0;border-radius:4px;}</style><nav class="css-c5ciz3"><nav aria-label="Main" data-orientation="horizontal" dir="ltr"><style data-emotion="css gb442d">.css-gb442d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1rem;list-style:none;margin:0;padding:0;width:100%;}</style><div style="position:relative"><ul data-orientation="horizontal" class="css-gb442d" dir="ltr"><div class="rt-Flex rt-r-gap-2"><li><style data-emotion="css 1e825ao">.css-1e825ao{background-color:transparent;padding:8px 16px;border-radius:4px;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-weight:normal;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;cursor:pointer;font-size:0.9rem;}.css-1e825ao:hover{background-color:#e8f3e8;}</style><a href="/" class="css-1e825ao">Home</a></li><li><style data-emotion="css 48ccf5">.css-48ccf5{background-color:#E8F3E8;padding:8px 16px;border-radius:4px;-webkit-text-decoration:none;text-decoration:none;color:inherit;font-weight:bold;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;cursor:pointer;font-size:0.9rem;}.css-48ccf5:hover{background-color:#e8f3e8;}</style><a href="/about" class="css-48ccf5">About</a></li><li><a href="/blog" class="css-1e825ao">Posts</a></li></div></ul></div></nav><div class="rt-Flex rt-r-fd-column"><style data-emotion="css qtqyb6">.css-qtqyb6{background-color:#2f4f2f;padding:8px 16px;border-radius:4px;-webkit-text-decoration:none;text-decoration:none;color:#ffffff;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;cursor:pointer;border:none;font-size:0.9rem;}</style><button type="button" aria-haspopup="dialog" aria-expanded="false" aria-controls="radix-:R56j6:" data-state="closed" class="css-qtqyb6">Contact</button></div></nav><main><div class="rt-Flex rt-r-fd-column rt-r-gap-8"><style data-emotion="css js7lmh">.css-js7lmh{font-size:1.125rem;line-height:1.6;}</style><div class="css-js7lmh"><style data-emotion="css 1tju64y">.css-1tju64y{font-size:2rem;font-weight:500;margin:0;color:#2f4f2f;}</style><h1 class="css-1tju64y">Mae Capozzi</h1><style data-emotion="css tq81hz">.css-tq81hz{font-size:1rem;line-height:1.5;margin:1rem 0;}</style><p class="css-tq81hz">I am a software engineer who has spent the last 10 years working on design systems, frontend infrastructure, and developer experience. I have been writing code professionally since 2016.</p><p class="css-tq81hz">I love sharing what I know with other developers and engineering managers.</p><style data-emotion="css kaaykm">.css-kaaykm{color:inherit;-webkit-text-decoration:none;text-decoration:none;font-size:0.9rem;}.css-kaaykm:hover{-webkit-text-decoration:underline;text-decoration:underline;}</style><a class="css-kaaykm" href="/blog">See all posts --&gt;</a></div><div class="rt-Flex rt-r-fd-column rt-r-gap-5"><h2 class="rt-Heading rt-r-size-6 rt-r-weight-medium">Professional Experience</h2><div class="rt-Flex rt-r-fd-column rt-r-gap-8"><div class="css-fsydvw"><style data-emotion="css 1stv1fu">.css-1stv1fu{grid-column-start:1;grid-column-end:6;}</style><div class="css-1stv1fu"><style data-emotion="css 1xdl2z7">.css-1xdl2z7{color:#2f4f2f;font-weight:500;}</style><div class="css-1xdl2z7">2024 - present</div></div><style data-emotion="css oo0hsw">.css-oo0hsw{grid-column-start:8;grid-column-end:25;}</style><div class="css-oo0hsw"><p class="rt-Text rt-r-size-3 rt-r-weight-bold">Staff Software Engineer at Honeycomb.io</p><span class="rt-Text rt-r-size-2"></span></div></div><div class="css-fsydvw"><div class="css-1stv1fu"><div class="css-1xdl2z7">2021 - 2025</div></div><div class="css-oo0hsw"><p class="rt-Text rt-r-size-3 rt-r-weight-bold">

1Co-founder at Dedicated Co.</p><span class="rt-Text rt-r-size-2">We provide strategic digital consulting to small businesses and entrepreneurs.</span></div></div><div class="css-fsydvw"><div class="css-1stv1fu"><div class="css-1xdl2z7">2021 - 2024</div></div><div class="css-oo0hsw"><p class="rt-Text rt-r-size-3 rt-r-weight-bold">Design Systems and Frontend Infrastructure at Amplitude</p><span class="rt-Text rt-r-size-2">At Amplitude, I worked on the design systems and frontend infrastructure.</span></div></div><div class="css-fsydvw"><div class="css-1stv1fu"><div class="css-1xdl2z7">2020 - 2021</div></div><div class="css-oo0hsw"><p class="rt-Text rt-r-size-3 rt-r-weight-bold">Design Systems at Better Mortgage</p><span class="rt-Text rt-r-size-2">At Better, I worked on the design system powering Better.com. I built accessible React components in TypeScript and improved our component library&#x27;s frontend infrastructure.</span></div></div><div class="css-fsydvw"><div class="css-1stv1fu"><div class="css-1xdl2z7">2018 - 2020</div></div><div class="css-oo0hsw"><p class="rt-Text rt-r-size-3 rt-r-weight-bold">Design Systems and Frontend Development at Harry&#x27;s</p><span class="rt-Text rt-r-size-2">At Harry&#x27;s, I built tools to scale technology horizontally across multiple brands.</span></div></div><div class="css-fsydvw"><div class="css-1stv1fu"><div class="css-1xdl2z7">2018</div></div><div class="css-oo0hsw"><p class="rt-Text rt-r-size-3 rt-r-weight-bold">InRhythm (Consulted at American Express)</p><span class="rt-Text rt-r-size-2">At InRhythm, I worked on a reusable component library with React and CSS modules.</span></div></div><div class="css-fsydvw"><div class="css-1stv1fu"><div class="css-1xdl2z7">2016 - 2017</div></div><div class="css-oo0hsw"><p class="rt-Text rt-r-size-3 rt-r-weight-bold">A couple of start ups</p></div></div></div></div></div></main></div></div><style data-emotion="css 4t33gu">.css-4t33gu{background-color:#2f4f2f;color:#ffffff;padding:4rem 0;margin-top:6rem;width:100%;}</style><footer class="css-4t33gu"><style data-emotion="css gh0r3p">.css-gh0r3p{max-width:1200px;margin:0 auto;padding:0 2rem;}</style><div class="css-gh0r3p"><style data-emotion="css fsydvw">.css-fsydvw{display:grid;grid-template-columns:repeat(25, 1fr);grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;margin:0px;}</style><div class="css-fsydvw"><style data-emotion="css 1d2mcjs">.css-1d2mcjs{grid-column-start:1;grid-column-end:25;}@media (min-width: 768px){.css-1d2mcjs{grid-column-start:6;grid-column-end:13;}}</style><div class="css-1d2mcjs"><div style="--gap:1rem" class="rt-Flex rt-r-fd-column rt-r-gap"><style data-emotion="css jygnt4">.css-jygnt4{font-size:1rem;margin:0;font-weight:500;color:#ffffff;}</style><h3 class="css-jygnt4">Get frontend platform tips and tricks sent to your inbox.</h3><div class="rt-Box rt-r-pb-8"><form><div class="rt-Flex rt-r-fd-column rt-r-gap-5"><div class="rt-Flex rt-r-fd-column rt-r-gap-2"><div class="rt-Flex rt-r-fd-column rt-r-gap-1"><style data-emotion="css 1mzyhwy">.css-1mzyhwy{color:white;display:block;font-size:0.75rem;}</style><label for="firstName" class="css-1mzyhwy">Name</label><style data-emotion="css 193nr03">.css-193nr03{background-color:rgba(255, 255, 255, 0.1);border:none;padding:0.5rem;border-radius:4px;color:white;font-size:1rem;width:100%;}.css-193nr03::-webkit-input-placeholder{color:rgba(255, 255, 255, 0.7);font-size:0.75rem;}.css-193nr03::-moz-placeholder{color:rgba(255, 255, 255, 0.7);font-size:0.75rem;}.css-193nr03:-ms-input-placeholder{color:rgba(255, 255, 255, 0.7);font-size:0.75rem;}.css-193nr03::placeholder{color:rgba(255, 255, 255, 0.7);font-size:0.75rem;}</style><input name="firstName" id="firstName" type="text" placeholder="First name, please" class="css-193nr03" value=""/></div><div class="rt-Flex rt-r-fd-column rt-r-gap-1"><label for="email" class="css-1mzyhwy">Email</label><input name="email" id="email" type="email" placeholder="[email protected]" class="css-193nr03" value=""/></div></div><div class="rt-Flex rt-r-fd-column rt-r-gap-1"><style data-emotion="css canx4i">.css-canx4i{background-color:#c1e1c1;color:#2f4f2f;border:none;border-radius:4px;padding:0.5rem 1rem;font-size:0.75rem;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}

1.css-canx4i:hover{background-color:#a1d1a1;}.css-canx4i:disabled{opacity:0.7;cursor:not-allowed;}</style><button type="submit" class="css-canx4i">Subscribe</button></div></div></form></div></div></div><style data-emotion="css a1iwix">.css-a1iwix{grid-column-start:1;grid-column-end:25;}@media (min-width: 768px){.css-a1iwix{grid-column-start:16;grid-column-end:25;}}</style><div class="css-a1iwix"><div style="--gap:1rem" class="rt-Flex rt-r-fd-column rt-r-gap"><style data-emotion="css 6xk681">.css-6xk681{font-size:1.75rem;margin:0;font-weight:500;color:#ffffff;}</style><h2 class="css-6xk681">Stay in touch.</h2><style data-emotion="css 1mwhzii">.css-1mwhzii{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:0.5rem;}</style><div class="css-1mwhzii"><style data-emotion="css drx6gj">.css-drx6gj{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;font-size:0.825rem;}.css-drx6gj:hover{-webkit-text-decoration:underline;text-decoration:underline;}</style><a href="mailto:[email protected]" class="css-drx6gj">[email protected]</a><a href="https://dedicated.codes" target="_blank" rel="noopener noreferrer" class="css-drx6gj">https://dedicated.codes</a></div><style data-emotion="css 1eoa0r1">.css-1eoa0r1{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:1rem;}</style><div class="css-1eoa0r1"><style data-emotion="css tfn6o3">.css-tfn6o3{color:#ffffff;-webkit-text-decoration:none;text-decoration:none;font-size:0.75rem;}</style><a href="https://github.com/maecapozzi" target="_blank" rel="noopener noreferrer" class="css-tfn6o3"><svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg></a><a href="https://linkedin.com/in/maecapozzi" target="_blank" rel="noopener noreferrer" class="css-tfn6o3"><svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"></path></svg></a><a href="https://bsky.app/profile/maecapozzi.bsky.social" target="_blank" rel="noopener noreferrer" class="css-tfn6o3"><svg width="24" height="24" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M12.001 3L4.1 18.5h15.802L12 3zm0 4.08l5.424 10.677H6.578L12.001 7.08z"></path></svg></a></div><style data-emotion="css 1oz9je0">.css-1oz9je0{font-size:0.75rem;opacity:0.8;}</style><p class="css-1oz9je0">© 2025 Mae Capozzi</p></div></div></div></div></footer></div></div>

1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/about","query":{},"buildId":"WRWT6chqjXOopt2cvF60b","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script>

1</body></html>