Button guidelines

See the Neonomics Design Toolkit on Figma to download variations of the buttons.


Neonomics buttons are available in white text on a green

Also available in both Rectangular button and Pill button


Both of our main buttons with WCAG demand for AAA. If your website needs WCAG AAA, we allow to render our buttons in higher contrast, either white or black background.

This exception only applies to color. Don't create your own Neonomics buttons or alter the font, button radius, or padding within the button in any other way.

Color options

Color option

Color option

Monotone options

Black and white


What’s Next

On the next page, you can find the Best practices to follow for buttons