8 buttons for your UI

Ruslan Galba
@hellotegra
Published in
2 min readSep 1, 2019

πŸ§πŸ¦πŸ€πŸ” 8 buttons for your UI ⁣(actually 7)

πŸ‘‹ The days of a primary and secondary button being your only buttons across your UI are long gone. ⁣
⁣
πŸ„ Every button has a priority and a purpose. I encourage you to explore using the default, primary, important and caution contained buttons. It will immediately clean up your UI and help your users distinguish button priority. ⁣
⁣
πŸ™ˆ Loading buttons are a thing and crucial nuggets of feedback. Never design these as active buttons and remember to keep to an 8pt system. ⁣
⁣
🐧🐦🐀 Group button are a great way to reduce button complexity and typically used for filtering but go wild and avoid shadows for active states.

You can experiment with buttons design using Webflow β€” all-in-one web design tool that allows users to design, build, and launch responsive websites visually⁣

Courtesy of @zanderwhitehurst ⁣

Be free to send us any feedback by reply or reach using DM on Instagram

Do you want to receive insights using FB Messenger or Telegram or Email? πŸ‘ˆ Subscribe now.

Do you like tips? Don’t forget to like and comment!

--

--

Ruslan Galba
@hellotegra

Increasing revenue for DTC brands via Facebook / Google ads πŸš€Growth Strategist 🀘 Founder @hellotegra growth team πŸ€– $5M+ profitable ad spend in 2020