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!
11 Claps
Average 3.7 by 3 people
You might also like
Project
Sneak
I designed a responsive desktop checkout page for Sneak, a modern sneaker e-commerce platform. The design focuses on reducing cart abandonme
Project
User persona for TikTok
RationalePlatform & DevicePlatform: TikTok Device: Android Market: Brasil. Project PreparationThe project began with the systematic organiz
Project
MindNest Color System
I chose to create a color system for MindNest, a fictional mental health platform that offers online therapy, curated self-growth resources,
Project
Empathy Map - Revolut
OverviewI analysed Revolut's mobile app platform to understand user pain points and create actionable insights for improving the digital ban
![UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]](https://users-content.uxcel.com/451aa544-1b86-419f-9120-5a6ac83f023f/briefs/universaltaxprofessionals-website-revamp-informational-website-thubmnail-8090-1756604786988.jpeg)
Project
UNIVERSALTAXPROFESSIONALS WEBSITE REVAMP [ Informational Website ]
Universal Tax Professionals (often abbreviated as UTP) is a U.S.-based tax and accounting firm that specializes in assisting American citize
Project
Heuristic Evaluation - Booking.com
OverviewI examined Booking.com's desktop web site to find usability problems that could affect the hotel booking experience. Using Nielsen's
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.