The Power of Buttons: An exploration of mobile app button designs
The style of UI buttons is the result of a careful balance between branding, user experience design, and industry standards. But it is always about contrast what makes the primary buttons stand out.
Here is a list of company logos and their mobile design choices.
Company brand styled buttons
The most standard buttons, styled based on the company colors.
Audible
The color of the primary button is orange, following the most significant color from the logo. Secondary button are gray.
Primary buttons in facebook apps are blue, secondary are black/gray.
Airbnb
Airbnb logo color (salmon pink?) does not make good contract for the primary buttons, so they saturated the primary color to create the contrast.
Shop
Shop is using nice variations of primary, secondary and tertiary button styles. The UI feels more exciting, playful when a company is able to escape from their main color.
Kaiser
Kaiser blue color is used everywhere, making the design very clean but also a bit boring.
PayPal
PayPal logo has 2 primary colors, which they use in their UI designs.
Coinbase
Coinbase logo is blue (probably because they want to build trust, like a Chase bank color). They have created few variations of blue in their dark and light UI modes. The blue variants based on their logo is a smart design decision, because it gives more freedom to design accessible, well designed, visually appealing apps.
DoorDash
DoorDash red-orange color makes it a great choice for call-to-action (CTA) primary buttons, as the red is the most attention-attracting color.
Amazon
Amazon used orange for the primary button design, and yellow for secondary.
Uber
Uber is going black & white, it gets a bit boring, but clean. One advantage is that it makes other small components like the blue “Faster” tag or green “Economy-leaf” to stand out very easily.
Practical button styles
Practical buttons ignore the branding of the company that made the app, and focus on the usability and system guidelines (the practicalities).
Black and white brands & logos
The companies with black and white logos have so many options to play with various color schemes, which can make the designs very playful, exciting, innovative and futuristic.
Turo
Medium
Github
