{"id":3119,"date":"2022-04-11T10:11:37","date_gmt":"2022-04-11T17:11:37","guid":{"rendered":"https:\/\/clarity.microsoft.com\/blog\/?p=3119"},"modified":"2025-07-30T09:30:47","modified_gmt":"2025-07-30T16:30:47","slug":"a-behind-the-scenes-look-the-new-clarity-app-icon","status":"publish","type":"post","link":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/","title":{"rendered":"Introducing the New Clarity App Icon"},"content":{"rendered":"\n<p>We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity throughout our external facing content, social media channels and on our web pages.&nbsp;<\/p>\n\n\n\n<!--more-->\n<!--noteaser-->\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-dots\"\/>\n\n\n\n<p>We are excited to officially announce and debut our new <a href=\"https:\/\/clarity.microsoft.com\/\" aria-label=\"Read more about Introducing the New Clarity App Icon\">Clarity<\/a> app icon which will represent the Clarity brand identity throughout our external facing content, social media channels and on our web pages.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"256\" height=\"256\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/siteIcon.png\" alt=\"\" class=\"wp-image-7863\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/siteIcon.png 256w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/siteIcon-150x150.png 150w\" sizes=\"auto, (max-width: 256px) 100vw, 256px\" \/><figcaption class=\"wp-element-caption\"> <center>The new Clarity App Icon<\/center><\/figcaption><\/figure>\n\n\n\n<p>I recently sat down with a few members of our design team who were instrumental in the overall project from ideation to implementation to learn a bit about the design process and overall concept behind our new Clarity app icon.&nbsp;<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>App Icon vs Brand Logo<\/strong>&nbsp;<\/p>\n\n\n\n<p>To clarify, no pun intended, we created a Clarity <strong>app icon<\/strong> and not a logo. What is the difference you might ask?&nbsp; Instead of organizing our offerings according to which team built them, we organize according to our customers: how they experience our offerings, how they see the world, and what they need. We have one logo or brand- Microsoft, which leads to everything we do. In turn, products, apps or experiences are individual offerings that customers may purchase and use\u2014like Clarity, therefore we came up with an app icon versus a brand logo. We created our app icon taking into consideration these main ideas: keep it simple, make it personal, think universal, create delight and details matter.&nbsp;<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>How Our Icon Came About<\/strong>&nbsp;<\/p>\n\n\n\n<p>In following traditional branding process, our design team used our Clarity value proposition, <em>Clarity is a behavioral analytics tool that helps you see what your web visitors want. Clarity provides heatmaps, recordings, insights and is a complement to Google Analytics<\/em>, to come up with a brand identity. The team started with creative aspects from the website and words to develop a Clarity \u201cbrand identity\u201d which was then aligned to a visual representation as you will learn about below.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Here\u2019s what was developed and used as inspiration for our app icon:&nbsp;<\/p>\n\n\n\n<p><strong><em>Clarity provides precision, direction and momentum to our customers to help them understand their end-user behaviors<\/em>.<\/strong>&nbsp;<\/p>\n\n\n\n<p>The team looked at each of the three ideas behind the product more closely in developing the app icon:&nbsp;<\/p>\n\n\n\n<p><strong><em>Precision<\/em><\/strong>: Clarity captures how real people actually use your website and the points at which they drop&nbsp;<\/p>\n\n\n\n<p><strong><em>Direction<\/em><\/strong>: Clarity provides clear direction on how to improve the user experience of your website by providing heatmaps, session recordings and data of engagement.&nbsp;<\/p>\n\n\n\n<p><strong><em>Momentum<\/em><\/strong>: Clarity is easy to setup and provides data in minutes.&nbsp;<\/p>\n\n\n\n<p>From these three themes, the design process began and a visual representation was created.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-group reusable-block-upsell-card is-layout-flow wp-block-group-is-layout-flow\">\n<p>Learn how users interact with your site through Clarity!<\/p>\n\n\n\n<p class=\"has-text-align-left\">Use our heatmaps, recordings and insights to keep them coming back!<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/clarity.microsoft.com?utm_medium=introducing-the-new-clarity-app-icon&amp;utm_source=ClarityBlog&amp;utm_campaign=Growth\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Read more about Introducing the New Clarity App Icon\"> Get Clarity now! <\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Design Fundamentals<\/strong>&nbsp;<\/p>\n\n\n\n<p>The next step was to build the actual design for the Clarity app icon. Design came up with three different directions:&nbsp;&nbsp;<\/p>\n\n\n\n<p><strong>1. An abstract\/metaphor example&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"236\" height=\"80\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2022\/04\/1.-abstract.png\" alt=\"\" class=\"wp-image-8512\"\/><\/figure>\n\n\n\n<p><strong>2. One that closely represented text and alphabet<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"146\" height=\"72\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2022\/04\/2.-text.png\" alt=\"\" class=\"wp-image-8514\"\/><\/figure>\n\n\n\n<p><strong>3. A design that mirrors the brand name.&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"236\" height=\"80\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2022\/04\/3.-mirrors-brand-name.png\" alt=\"\" class=\"wp-image-8515\"\/><\/figure>\n\n\n\n<p>The team then had to decide what direction would work best.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Our App Icon Significance<\/strong>&nbsp;<\/p>\n\n\n\n<p>Clarity literally means the quality and state of being clear. The triangle shape can help forge clearer emotions and psychological connections between our brand and our users. It communicates precision and reliability with equal sides and symmetry. When this project began, a lot of the discussion centered around how to best represent Clarity as it begins to grow and how we can best represent the product within our existing and future partnerships, integrations and consumer facing channels. There were many different iterations and direction from letter shapes to abstract shapes, and ultimately after discussing with the product team, the abstract idea was the best representation of the product. As a part of the Microsoft ecosystem, we wanted our app icon to have the same visual alignment as the rest of the product families.&nbsp;<\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>Outcomes &amp; Learnings<\/strong>&nbsp;<\/p>\n\n\n\n<p>Talking with the designers, it was interesting to hear that the most exciting part of the process was also the most challenging. Getting the idea behind the metaphor across and getting a consensus decision from the product team. After a lot of quality back and forth with the product team, they landed on a design that all the team was happy with and excited about. They mentioned that overall this project was a lot of fun, but also a lot of work but it was cool to see it come to life.&nbsp;<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-dots\"\/>\n\n\n\n<p>With the new Clarity app icon, the product now has a face to its name and will allow for greater visibility and growth across the product and customer facing channels. You will soon start to see the Clarity app icon displayed across our site and throughout our various social media channels and we hope you enjoy!&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":8884,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[2],"tags":[105,18,106,107],"class_list":["post-3119","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","tag-branding","tag-clarity","tag-icon","tag-logo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing the New Clarity App Icon - Understand your customers | Microsoft Clarity Blog<\/title>\n<meta name=\"description\" content=\"We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity throughout our external facing\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing the New Clarity App Icon - Understand your customers | Microsoft Clarity Blog\" \/>\n<meta property=\"og:description\" content=\"We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity throughout our external facing\" \/>\n<meta property=\"og:url\" content=\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/\" \/>\n<meta property=\"og:site_name\" content=\"Understand your customers | Microsoft Clarity Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-11T17:11:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-30T16:30:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2100\" \/>\n\t<meta property=\"og:image:height\" content=\"1050\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Clarity Staff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Clarity Staff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/\",\"name\":\"Introducing the New Clarity App Icon - Understand your customers | Microsoft Clarity Blog\",\"isPartOf\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png\",\"datePublished\":\"2022-04-11T17:11:37+00:00\",\"dateModified\":\"2025-07-30T16:30:47+00:00\",\"author\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea\"},\"description\":\"We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity throughout our external facing\",\"breadcrumb\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#primaryimage\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png\",\"contentUrl\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png\",\"width\":2100,\"height\":1050,\"caption\":\"clarity app icon\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/clarity.microsoft.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing the New Clarity App Icon\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#website\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/\",\"name\":\"Understand your customers | Microsoft Clarity Blog\",\"description\":\"Find articles, best practices, and solutions to improve user experience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/clarity.microsoft.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea\",\"name\":\"Clarity Staff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g\",\"caption\":\"Clarity Staff\"},\"url\":\"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing the New Clarity App Icon - Understand your customers | Microsoft Clarity Blog","description":"We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity throughout our external facing","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/","og_locale":"en_US","og_type":"article","og_title":"Introducing the New Clarity App Icon - Understand your customers | Microsoft Clarity Blog","og_description":"We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity throughout our external facing","og_url":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/","og_site_name":"Understand your customers | Microsoft Clarity Blog","article_published_time":"2022-04-11T17:11:37+00:00","article_modified_time":"2025-07-30T16:30:47+00:00","og_image":[{"width":2100,"height":1050,"url":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png","type":"image\/png"}],"author":"Clarity Staff","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Clarity Staff","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/","url":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/","name":"Introducing the New Clarity App Icon - Understand your customers | Microsoft Clarity Blog","isPartOf":{"@id":"https:\/\/clarity.microsoft.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#primaryimage"},"image":{"@id":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#primaryimage"},"thumbnailUrl":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png","datePublished":"2022-04-11T17:11:37+00:00","dateModified":"2025-07-30T16:30:47+00:00","author":{"@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea"},"description":"We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity throughout our external facing","breadcrumb":{"@id":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#primaryimage","url":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png","contentUrl":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png","width":2100,"height":1050,"caption":"clarity app icon"},{"@type":"BreadcrumbList","@id":"https:\/\/clarity.microsoft.com\/blog\/a-behind-the-scenes-look-the-new-clarity-app-icon\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/clarity.microsoft.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing the New Clarity App Icon"}]},{"@type":"WebSite","@id":"https:\/\/clarity.microsoft.com\/blog\/#website","url":"https:\/\/clarity.microsoft.com\/blog\/","name":"Understand your customers | Microsoft Clarity Blog","description":"Find articles, best practices, and solutions to improve user experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/clarity.microsoft.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea","name":"Clarity Staff","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g","caption":"Clarity Staff"},"url":"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/"}]}},"spectra_custom_meta":{"_edit_last":["1"],"_aioseo_title":[""],"_aioseo_description":[""],"_aioseo_keywords":[""],"_aioseo_og_title":[""],"_aioseo_og_description":[""],"_aioseo_og_article_section":[""],"_aioseo_og_article_tags":[""],"_aioseo_twitter_title":[""],"_aioseo_twitter_description":[""],"wp_jv_post_rg":[""],"_thumbnail_id":["8884"],"_edit_lock":["1753893049:1"],"_yoast_wpseo_primary_category":[""],"_yoast_wpseo_content_score":["30"],"_yoast_wpseo_estimated-reading-time-minutes":["5"],"_uag_page_assets":["a:9:{s:3:\"css\";s:21896:\".wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}\n.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a:hover{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}.uagb-buttons__outer-wrap .uagb-buttons__wrap{display:inline-flex;width:100%}.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}@media (max-width: 976px){.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}@media (max-width: 767px){.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}\n.uagb-buttons__outer-wrap .uagb-buttons-repeater{display:flex;justify-content:center;align-items:center;transition:box-shadow 0.2s ease}.uagb-buttons__outer-wrap .uagb-buttons-repeater a.uagb-button__link{display:flex;justify-content:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon{font-size:inherit;display:flex;align-items:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon svg{fill:currentColor;width:inherit;height:inherit}\n.uagb-block-0c7e50ad.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: right;align-items: center;}.uagb-block-0c7e50ad .uagb-buttons-repeater:not(.wp-block-button__link){font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.ast-outline-button{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-uagb-buttons-child .uagb-buttons-repeater{background: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link{background: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link:hover{background: #eff6fc;}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link:focus{background: #eff6fc;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper .uagb-buttons-repeater{color: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #0078d4;border-style: solid;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #0078d4;border-style: solid;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__link{color: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__link{text-transform: normal;text-decoration: none;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper .uagb-buttons-repeater{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__link{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__link{text-transform: normal;text-decoration: none;}@media only screen and (max-width: 976px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}@media only screen and (max-width: 767px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}.uagb-block-0c7e50ad.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap{width: 100%;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button {width: 100%;}.uagb-block-0c7e50ad .uagb-buttons-repeater:not(.wp-block-button__link){font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.ast-outline-button{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper .uagb-buttons-repeater{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__link{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__link{text-transform: normal;text-decoration: none;}@media only screen and (max-width: 976px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}@media only screen and (max-width: 767px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: left;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a:hover{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}@media only screen and (max-width: 976px) {.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading {text-align: left;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}}\";s:2:\"js\";s:359:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-ce399d64' );\n});\nwindow.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-9730a9e0' );\n});\nwindow.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-9730a9e0' );\n});\n });\";s:18:\"current_block_list\";a:18:{i:0;s:14:\"core\/paragraph\";i:1;s:9:\"core\/more\";i:2;s:14:\"core\/separator\";i:3;s:10:\"core\/image\";i:4;s:10:\"core\/group\";i:5;s:12:\"core\/buttons\";i:6;s:11:\"core\/button\";i:8;s:9:\"core\/html\";i:9;s:11:\"core\/search\";i:11;s:12:\"core\/heading\";i:12;s:17:\"core\/latest-posts\";i:13;s:20:\"core\/latest-comments\";i:14;s:13:\"core\/archives\";i:15;s:15:\"core\/categories\";i:16;s:21:\"uagb\/advanced-heading\";i:17;s:12:\"uagb\/buttons\";i:18;s:18:\"uagb\/buttons-child\";i:19;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776503825\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon.png",2100,1050,false],"thumbnail":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon-150x150.png",150,150,true],"medium":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon-300x150.png",300,150,true],"medium_large":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon-768x384.png",768,384,true],"large":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon-1024x512.png",1024,512,true],"1536x1536":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon-1536x768.png",1536,768,true],"2048x2048":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingtheNewClarityAppIcon-2048x1024.png",2048,1024,true]},"uagb_author_info":{"display_name":"Clarity Staff","author_link":"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/"},"uagb_comment_info":0,"uagb_excerpt":"We are excited to officially announce and debut our new Clarity app icon which will represent the Clarity brand identity [&hellip;]","_links":{"self":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/3119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/comments?post=3119"}],"version-history":[{"count":2,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/3119\/revisions"}],"predecessor-version":[{"id":9753,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/3119\/revisions\/9753"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/media\/8884"}],"wp:attachment":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/media?parent=3119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/categories?post=3119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/tags?post=3119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}