ButtonBuddy

Learn about accessible button contrast & generate a palette

0 followers

Learn what it takes to ensure your buttons or button-styled links have accessible contrast across all states and surfaces, then use the generator to check and adjust your button palette.
ButtonBuddy gallery image
ButtonBuddy gallery image
ButtonBuddy gallery image
ButtonBuddy gallery image
ButtonBuddy gallery image
Launch Team
Framer
Framer
Launch websites with enterprise needs at startup speeds.
Promoted

What do you think? …

Stephanie Eckles
ButtonBuddy was built to help address a common accessibility issue I see in my work as a front-end developer and as a browser of the web. Buddy helps educate visitors about what it takes to ensure an accessible color palette for buttons and then helps you achieve it with the generator. The better your contrast, the happier Buddy will be! Once you have a well-contrasted palette, you can copy your results in the form of ready to use CSS variables. Be sure to star the repo on GitHub, too!