Simple Button Design System
I have created primary buttons and secondary buttons for mobile app with options of icon on left. Primary button have states like loading and pressed. Also the icons place here are component based.
Reviews
1 review
This looks minimal and decent. Also, try following the below tips which will help you creating master file of buttons.
- Get idea regarding the states of buttons, in mobile there are lesser than webs' so there are Active, Tapping, Pressed and disabled
- There are also buttons which have icons on the right side of the text.
- Plain Texts and Hyperlink Buttons
- Apart from Primary and Secondary buttons there are also semantic buttons like destructive button.
- Size of the buttons, based on the device sizes, making buttons for different devices are the best practice.
Rest looks good.
Great Work!
9 Claps
Average 4.5 by 2 people
You might also like
Project
Sojo NFT Marketplace
Sojo is an innovative digital marketplace where creators and collectors can buy, sell, and trade unique NFTs (non-fungible tokens) across va
Project
Heuristic Evaluation of Revolut Mobile App
Project
Hulu Through My Eyes - A Cinematic UI Exploration (unofficial)
This project is an unofficial, self-initiated redesign created for the Uxcel & UXPilot Challenge.
Project
From Idea to Full-Stack Web App
Why I Built a Finance App for “Regular People” Like Me: As a product designer and naturally curious person, I’m always exploring new ways t
Project
Docto
This is an app for medical services, and these are the two variants of light and dark mode. Below, I am describing some of the decisions. I
Project
Fundraising Website
The fundraising website is a dynamic platform designed to support individuals, communities, and organizations in their efforts to raise fund
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.