Button Systems
I have described Button Types and then there states
Tools used
From brief
Topics
Share
Reviews
1 review
Well-executed with a clear understanding of button states and types. It effectively uses visual cues to guide user interaction, maintaining consistency and usability. With a few enhancements such as improved accessibility features and subtle animations, the design can be further refined.
Overall, this is a solid foundation for a button system.
4 Claps
Average 4.0 by 1 person
You might also like
Project
High-fi wireframe with darkmode
This photo is part of my wireframe 'base' for creating landing pages, and I always leave the darkest and lightest colors to create contrast.
Project
ShopUs Microcopy
When I designed the push notification microcopy for a shopping platform, my thought process started with keeping it short, clear, and action
![Accessible Signup & Login Flow [Mossy App]](https://users-content.uxcel.com/4b7d4a6f-9cd9-4533-9bc7-8bb621033bc8/briefs/accessible-signup-login-flow-mossy-app-thubmnail-0044-1756114618435.jpeg)
Project
Accessible Signup & Login Flow [Mossy App]
A clean and accessible authentication flow designed for a SaaS platform. The project explores best practices in login, registration, and pas
Project
Pet Haven - Responsive Landing Page
Rationale for the project - When I started designing Pet Haven’s landing page, I thought about the moments pet parents face when their furry
Project
Mobile Banking App Design Workshop Plan
Mobile Banking App Design Workshop PlanThis workshop plan has been crafted to guide a focused and collaborative session for a Mobile Banking
Project
Empty State design for Educational App
Decision Process & RationaleI started by identifying the primary purpose of these screens: to inform the user that there’s currently no data
Visual Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.