1.0Mitto - Diseño Web - Diseño Grafico - App UX/UI - Brandinghttps://mitto.agency/en/jancanalis.comhttps://mitto.agency/en/author/jancanalis-com/rich600338<blockquote class="wp-embedded-content" data-secret="Crc95UTW98"><a href="https://mitto.agency/en/ux-ui-button-guide/">UX UI Button Guide</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://mitto.agency/en/ux-ui-button-guide/embed/#?secret=Crc95UTW98" width="600" height="338" title="“UX UI Button Guide” — Mitto - Diseño Web - Diseño Grafico - App UX/UI - Branding" data-secret="Crc95UTW98" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script> /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); </script> https://mitto.agency/wp-content/uploads/2024/07/5dos-donts_mitto-agency.png21601116Button group When designing a group of buttons, it is crucial that there is a clear and visible hierarchy between them. This hierarchy allows the user to immediately identify which is the main action, which is secondary, and which are additional options. To achieve this, use contrasts in the color, size, and visual weight of […]