{"version":"1.0","provider_name":"Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding","provider_url":"https:\/\/mitto.agency\/en\/","author_name":"jancanalis.com","author_url":"https:\/\/mitto.agency\/en\/author\/jancanalis-com\/","title":"UX UI Button Guide - Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"S3w2ufSyN7\"><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=S3w2ufSyN7\" width=\"600\" height=\"338\" title=\"&#8220;UX UI Button Guide&#8221; &#8212; Mitto - Dise\u00f1o Web - Dise\u00f1o Grafico - App UX\/UI - Branding\" data-secret=\"S3w2ufSyN7\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!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);\n<\/script>\n","thumbnail_url":"https:\/\/mitto.agency\/wp-content\/uploads\/2024\/07\/5dos-donts_mitto-agency.png","thumbnail_width":2160,"thumbnail_height":1116,"description":"Button 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 [&hellip;]"}