Button System Design for Tech Platform
The button system comprises primary, secondary, alert and success buttons with micro interactions including default states, hover, active and disabled states.
I chose teal for primary colour, along with darker shades, because in my opinion it reflects a modern and professional aesthetic that is commonly associated with technology platforms as well as it performs well according to WCAG requirements for accesability.
Tools used
From brief
Topics
Share
Reviews
0 reviews
Nice, clean, simplistic, and well-structured button system. Great job!
thank you!
11 Claps
Average 3.7 by 3 people
You might also like
Project
Islamic E-Learning Platfrom Dashboard
Visual Language & Color I wanted the interface to feel like a quiet room you'd actually want to sit in and study. The warm neutrals - off-wh
Project
Pulse — Music Streaming App with Accessible Light & Dark Mode
Platform & DeviceFor this project, I designed Pulse, a mobile music streaming application for iOS devices (using the provided mobile templat
Project
SiteScope - Progress Tracking App
🧩 Project OverviewThis project showcases the design of a mobile login and sign up experience for a construction progress tracking app. The
Project
Mobile Button System
As my first ever ux design attempt, I tried to go with a simplified approach with only a few button types and states. I kept the color palle
Project
FlexPay
The onboarding was designed to reduce financial anxiety, create a sense of instant reward, and encourage early action. Instead of overwhelmi
Project
May.Da.Ma Candles & more
Visual Design Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
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.