Button System for Web-Based Tech Application

You're doing a great job with the button system - it looks well thought out and consistent! To showcase your work better I’d suggest adding a link to the project or another image where the buttons are more clearly visible. This will help others quickly understand the design decisions you’ve made.

One thing to watch out for is the similarity between the tertiary button and the disabled state. Right now, they look too close to each other, which might cause usability issues. Users might mistake an interactive button for a disabled one, leading to confusion. To improve clarity, try differentiating the tertiary button by using an outlined style or a lighter shade of blue. This way, it remains distinct while still fitting within the overall system.

I agree with everything Ivelina wrote to you in the comment above (or below, depending on where you look.). Just an additional comment there. Quite often it happens that all of us forget a few things and in the case of buttons that is the focus button.

Accessibility is always important. Creating designs that are accessible should be mandatory for all of us to have a good user experience.

Other than that. Nice work. Keep it up!

Wow, this button system design is awesome! The blue for primary buttons looks professional and trustworthy, while the red for danger buttons instantly grabs attention in an intuitive way. I love how the button sizes (large, medium, small) are flexible for various needs, and the 8px border radius gives it a modern and friendly feel. The best part is the attention to accessibility—contrast ratios that meet WCAG standards and clear states make it user-friendly for everyone, including keyboard users. The design is simple, functional, and super user-friendly. Great job! 👏