Beth Cartrette
I’m a UI Engineer and Design Systems Specialist focused on building accessible, production-ready interfaces that bridge design and code.
What I Do
Design Systems
Design tokens, theming, and scalable component architecture. From Figma variables to CSS / Tailwind, I build systems that are consistent, extensible, and ready for production.
Frontend UI
Clean, responsive interfaces built with React and Next.js. Stateful components, thoughtful interactions, and code that’s readable, maintainable, and production-ready.
Accessibility
Semantic HTML, keyboard navigation, and screen-reader support by default. Interfaces designed to be inclusive, usable, and neurodivergent-friendly—not as an afterthought.
Selected Work
ADHD Meds Tracker
Personal health tracking interface designed to support daily medication routines. Built with accessibility, cognitive load, and real-life usability in mind, combining clean UI, thoughtful dose tracking, and time-of-day cues so each day’s doses are clear at a glance.
Rachel Lee Site
Content-first, accessible website built for a patient advocacy organization. Focused on clarity, semantic structure, and usability across assistive technologies.
Health OS
Patient health-records app that brings records from every portal into one timeline, with plain-language labs, trend charts, and secure share links for providers. Built with Next.js, React, TypeScript, and Supabase to a WCAG 2.1 AA target.
BethCNC Design System
The minimal retrained design system built and used for this portfolio
About
I’m a UI engineer and design systems specialist. I work inside design systems end to end: tokens and variables in Figma, component libraries with variants and auto layout, and the React and CSS that ship them.
Four live products built and maintained solo in the last two years, with accessibility (WCAG 2.1 AA) built in from the start.
Based in North Carolina, working remote.