CINXE.COM
How Metalab Makes Remote Work Human with Loom | Atlassian
<!DOCTYPE html> <html id="magnolia" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="fb:pages" content="115407078489594" /> <meta name="description" content="Learn how Product, Design, and Engineering leaders from Metalab build a culture of effective collaboration with Loom video."> <meta name="author" content="Atlassian"> <link rel="canonical" href="https://www.atlassian.com/webinars/business/how-metalab-makes-remote-work-human-with-loom"/> <title> How Metalab Makes Remote Work Human with Loom | Atlassian </title> <link rel="preload" href="https://wac-cdn.atlassian.com/static/master/8974/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://wac-cdn.atlassian.com/static/master/8974/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Semibold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://wac-cdn.atlassian.com/static/master/8974/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://wac-cdn.atlassian.com/static/master/8974/assets/build/fonts/charlie-sans/charlie-text/Charlie_Text-Black.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://wac-cdn.atlassian.com/static/master/8974/assets/build/fonts/charlie-sans/charlie-display/Charlie_Display-Semibold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://wac-cdn.atlassian.com/static/master/8974/assets/build/fonts/charlie-sans/charlie-display/Charlie_Display-Black.woff2" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://wac-cdn.atlassian.com/static/master/8974/assets/build/css/main.css?cdnVersion=2631" id="main-css" /> <link rel="stylesheet" type="text/css" href="/assets/build/css/pages/content-hub/webinars.css?cdnVersion=2631"/> <link rel="stylesheet" type="text/css" href="/assets/build/css/_ui/webinar-signup-component.css?cdnVersion=2631"/> <link href="https://wac-cdn.atlassian.com" rel="preconnect"> <script type="text/javascript" src="https://wac-cdn.atlassian.com/static/master/8974/assets/build/js/head.js?cdnVersion=2631"></script> <link rel="alternate" href="https://www.atlassian.com/webinars/business/how-metalab-makes-remote-work-human-with-loom" hreflang="x-default" /> <link rel="alternate" href="https://www.atlassian.com/webinars/business/how-metalab-makes-remote-work-human-with-loom" hreflang="en" /> <link rel="apple-touch-icon" sizes="16x16" href="/favicon-16x16.png" /> <link rel="apple-touch-icon" sizes="32x32" href="/favicon-32x32.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" /> <meta name="theme-color" content="#205081"> <meta property="og:title" content="How Metalab Makes Remote Work Human with Loom | Atlassian" /> <meta property="og:description" content="Learn how Product, Design, and Engineering leaders from Metalab build a culture of effective collaboration with Loom video." /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.atlassian.com/webinars/business/how-metalab-makes-remote-work-human-with-loom" /> <meta property="og:image" content="https://wac-cdn.atlassian.com/dam/jcr:c6762af8-e963-40e4-9fd3-0d5019081f4e/TeamPlaybook_900x410.png" /> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630"> <meta property="og:site_name" content="Atlassian" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:image" content="https://wac-cdn.atlassian.com/dam/jcr:c6762af8-e963-40e4-9fd3-0d5019081f4e/TeamPlaybook_900x410.png" /> <meta name="twitter:site" content="@Atlassian" /> <script src="https://wac-cdn.atlassian.com/static/master/8974/assets/build/js/jquery.js?cdnVersion=2631"></script> <script type="text/javascript"> window.featureFlags = "".split('&') .reduce((flags, flagStr) => { const [flagKey, flagValue] = flagStr.split('='); return { ...flags, [flagKey]: flagValue }; }, {}) </script> <script type="text/javascript"> window.cmsPageVariant = window.cmsPageVariant ? window.cmsPageVariant : window.featureFlags?.cmsVariant; </script> <script type="text/javascript"> var LOCALIZED_PRICING_CONTENTFUL_SPACE = "3s3v3nq72la0"; var LOCALIZED_PRICING_CONTENTFUL_ENVIRONMENT = "master"; var LOCALIZED_PRICING_CONTENTFUL_ACCESS_TOKEN = "v5nSeyuO6dUxZX_Gh5OWEHOJHt3GYSKtyB7ySulLgHg"; var LOCALIZED_CCP_PRICING_CONTENTFUL_ENVIRONMENT = "master"; var LOCALIZED_CCP_PRICING_CONTENTFUL_ACCESS_TOKEN = "v5nSeyuO6dUxZX_Gh5OWEHOJHt3GYSKtyB7ySulLgHg"; var LOCALIZED_PRICING_USE_GEO_CURRENCY = true; </script> </head> <body id="how-metalab-makes-remote-work-human-with-loom" class="wac webinars business content-hub fix how-metalab-makes-remote-work-human-with-loom" data-headerless-path="how-metalab-makes-remote-work-human-with-loom"> <header class="header header--wac"> <style> @media (min-width: 1024px) { #adg4-global-nav .adg4-nav-link-products .dropdown-content { left: -100px; width: 912px; } } .adg4-nav-link-teams .dropdown-content, .adg4-nav-link-why-atlassian .dropdown-content { width: 696px; left: 5px; } .adg4-nav-link-resources .dropdown-content { width: 912px; right: -170px; } #adg4-global-nav .intra-div.n10 { background: #F8F8F8; } #adg4-global-nav div.h5:before { content: "\00A0"; display: block; } #adg4-global-nav a.component__link.default { font-size: 0.875rem; margin: 0; padding: 5px 0; line-height: 1.8; display: block; color: inherit; } #adg4-global-nav a.component__link.default:hover { text-decoration: none; color: #0052CC; } #adg4-global-nav h3 { font-size: 0.875rem; margin: 0; font-weight: 600; } #adg4-global-nav p { font-size: 0.75rem; margin: 0; color: #505258; } #adg4-global-nav .products-tab-contents .component__image--left img { border-radius: 5px; padding: 5px; background-color: #f8f8f8; margin: 0; } #adg4-global-nav .products-tab-contents a.component--block__link:hover .component__image--left img { background-color: #F0F1F2; } #adg4-global-nav .dropdown-content a.component--block__link:hover h3 { color: #1868DB; } .nav-two-col .intra-div.flexRow.wrap, .nav-three-col .intra-div.flexRow.wrap, .nav-four-col .intra-div.flexRow.wrap, .bottom-three-col .intra-div.flexRow.wrap, .bottom-four-col .intra-div.flexRow.wrap { display: grid; gap: 32px; } .nav-two-col .intra-div.flexRow.wrap { grid-template-columns: 1fr 1fr; padding: 40px 32px 40px 40px; } .bottom-three-col .intra-div.flexRow.wrap, .nav-three-col .intra-div.flexRow.wrap { grid-template-columns: 1fr 1fr 1fr; padding: 40px; } .bottom-four-col .intra-div.flexRow.wrap, .nav-four-col .intra-div.flexRow.wrap { grid-template-columns: 1fr 1fr 1fr 1fr; padding: 40px; } @media (max-width: 1023px) { .bottom-three-col .intra-div.flexRow.wrap, .bottom-four-col .intra-div.flexRow.wrap, .nav-two-col .intra-div.flexRow.wrap, .nav-three-col .intra-div.flexRow.wrap, .nav-four-col .intra-div.flexRow.wrap { padding: 20px; grid-template-columns: 1fr; } } .component.s0.between.component--block.team-card { position: relative; } .component.s0.between.component--block.team-card .hoverable { position: absolute; opacity: 0; width: 1px; height: 1px; top: 0px; left: 0px; } .component.s0.between.component--block.team-card:hover .component--image-heading-textblock img { opacity: 0; } .component.s0.between.component--block.team-card:hover .hoverable { width: auto; height: 28px; opacity: 1; } #adg4-global-nav .component--image-heading-textblock.with-flex { display: flex; } #adg4-global-nav .component--image-heading-textblock.with-flex div.component__image { margin-right: 8px; } #adg4-global-nav .component--image-heading-textblock.with-flex div.component__heading-textblock { margin-left: 8px; } #adg4-global-nav span.lozenge { border: 0; background: #cfe1fd; border-radius: 30px; font-size: .625rem; font-weight: 600; text-transform: uppercase; padding: 1px 6px; letter-spacing: .3px; line-height: 1.45; white-space: nowrap; vertical-align: middle; } .imkt-sticky-wrapper { border-top: 1px solid #DDDEE1; } .imkt-sticky-wrapper .imkt-navbar .imkt-navbar__main-section { min-height: 72px } </style> <nav id="adg4-global-nav" class="adg4-global-nav globalNav prod-view "> <div class="nav-space"> <div class="adg4-nav-inner"> <div class="overlay-style overlay-color"></div> <div class="overlay-style overlay-clickable"><button class="close-all"></button></div> <a href="/" class="header-link" data-event="clicked" data-uuid="0703b6c2-3e-logo-link" data-event-component="linkButton" data-event-container="globalNavWac-ADG4" data-schema-version="1" > <img class="header-logo" alt="Atlassian" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/AtlassianHeaderLogo.svg" style="aspect-ratio: 180/24;"> </a> <button class="mobile-toggle" title="Mobile menu"> <hr class="top" /> <hr class="mid mid1" /> <hr class="mid mid2" /> <hr class="bot" /> </button> <div class="menu-right"> <div class="menu-popout"> <div class="inter-popout-container"> <ul class="nav-links"> <li class="cta-mobile"> <a class="cta button--one button--regular button--primary" href="/try" data-event="clicked" data-uuid="0703b6c2-3e-cta-mobile" data-event-component="linkButton" data-event-container="globalNav-cta-mobile" data-schema-version="1" data-label-english="Get it free" >Get it free</a> </li> <li class="outline-element"></li> <li id="adg4-nav-link-products" class="nav-link globalNav has-dropdown multi adg4-nav-link-products"> <button class="nav-link-button main current-page-false" data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64" data-event="clicked" data-uuid="22d568a6-9f-link" data-event-component="linkButton" data-event-container="globalNav-navigation-link" data-schema-version="1" > Products <svg class="desktop" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.19995 1.18182L5.19995 4.81818L1.19995 1.18182" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <button class="mobile-nav-link nav-link-button" data-tabid="tab-d3062495-a1fa-455d-af4a-1deb514d7223" data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64"> Featured <svg class="mobile" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.36377 1L5.00013 5L1.36377 9" stroke="#101214" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <button class="mobile-nav-link nav-link-button" data-tabid="tab-e0500fdf-b128-45d6-93b4-b062a202b657" data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64"> Developers <svg class="mobile" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.36377 1L5.00013 5L1.36377 9" stroke="#101214" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <button class="mobile-nav-link nav-link-button" data-tabid="tab-c014fb24-377d-4a31-89c4-6071c19f8a95" data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64"> Product Managers <svg class="mobile" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.36377 1L5.00013 5L1.36377 9" stroke="#101214" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <button class="mobile-nav-link nav-link-button" data-tabid="tab-3d19a5a4-952c-4fb1-9f13-7892fa162cec" data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64"> IT professionals <svg class="mobile" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.36377 1L5.00013 5L1.36377 9" stroke="#101214" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <button class="mobile-nav-link nav-link-button" data-tabid="tab-e3ef4fba-ad10-4f84-af12-2f6f6d1efd67" data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64"> Business Teams <svg class="mobile" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.36377 1L5.00013 5L1.36377 9" stroke="#101214" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <button class="mobile-nav-link nav-link-button" data-tabid="tab-7d0e41e0-832f-4327-9102-52887f676ce2" data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64"> Leadership Teams <svg class="mobile" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.36377 1L5.00013 5L1.36377 9" stroke="#101214" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </button> <div class="dropdown-content" id="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64"> <div class="dropdown-content-inner"> <div class="tab-buttons-area"> <button class="tab-button active" data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64" data-tabid="tab-d3062495-a1fa-455d-af4a-1deb514d7223" data-event="clicked" data-uuid="d3062495-a1-tab-butotn" data-event-component="linkButton" data-event-container="globalNav-tab-button" data-schema-version="1" > Featured </button> <button class="tab-button " data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64" data-tabid="tab-e0500fdf-b128-45d6-93b4-b062a202b657" data-event="clicked" data-uuid="e0500fdf-b1-tab-butotn" data-event-component="linkButton" data-event-container="globalNav-tab-button" data-schema-version="1" > Developers </button> <button class="tab-button " data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64" data-tabid="tab-c014fb24-377d-4a31-89c4-6071c19f8a95" data-event="clicked" data-uuid="c014fb24-37-tab-butotn" data-event-component="linkButton" data-event-container="globalNav-tab-button" data-schema-version="1" > Product Managers </button> <button class="tab-button " data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64" data-tabid="tab-3d19a5a4-952c-4fb1-9f13-7892fa162cec" data-event="clicked" data-uuid="3d19a5a4-95-tab-butotn" data-event-component="linkButton" data-event-container="globalNav-tab-button" data-schema-version="1" > IT professionals </button> <button class="tab-button " data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64" data-tabid="tab-e3ef4fba-ad10-4f84-af12-2f6f6d1efd67" data-event="clicked" data-uuid="e3ef4fba-ad-tab-butotn" data-event-component="linkButton" data-event-container="globalNav-tab-button" data-schema-version="1" > Business Teams </button> <button class="tab-button " data-navlinkid="nav-link-22d568a6-9ff4-4125-bc6b-05c6e1965a64" data-tabid="tab-7d0e41e0-832f-4327-9102-52887f676ce2" data-event="clicked" data-uuid="7d0e41e0-83-tab-butotn" data-event-component="linkButton" data-event-container="globalNav-tab-button" data-schema-version="1" > Leadership Teams </button> <div class="link-in-dropdown"> <a class="easy-link-arrow" href="/software" data-event="clicked" data-uuid="7d0e41e0-83" data-event-component="linkButton" data-event-container="globalNav-tab-link-in-dropdown" data-schema-version="1" > See all products </a> </div> </div> <div class="tab-content-area globalNav cols-6"> <div id="tab-d3062495-a1fa-455d-af4a-1deb514d7223" class="singular-tab-content active"> <h5 class="mobile-title eyebrows"> Featured </h5> <div class="component component--block products-tab-contents nav-two-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStart justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/jira" class="component--block__link" data-event="clicked" data-uuid="866c24d9-b0" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="a15115f1" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira </h3> <p>Flexible project management</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/confluence" class="component--block__link" data-event="clicked" data-uuid="561b5cff-b0" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="c58719b2" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Confluence.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Confluence </h3> <p>Knowledge, all in one place</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/jira/service-management" class="component--block__link" data-event="clicked" data-uuid="94838acb-4e" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="402ab225" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira-Service-Management.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira Service Management </h3> <p>High-velocity service delivery</p> </div> </div> </a> </div> <div class="component s0 between hide-all component--block" style="margin:4px 0;padding:0;" > <a href="https://trello.com/home" class="component--block__link" data-event="clicked" data-uuid="1cf0174b-9a" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="6069d7e9" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Trello.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Trello </h3> <p>Organized & visualized work</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/rovo" class="component--block__link" data-event="clicked" data-uuid="154e84e5-f5" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="1a28c744" alt="Rovo icon" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn-bfldr.atlassian.com/K3MHR9G8/at/k5xhw8hpqxghzb55nfktt4/logo-light_Rovo_mark_brand_RGB.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Rovo <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Unlock enterprise knowledge</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/jira/product-discovery" class="component--block__link" data-event="clicked" data-uuid="44176d6a-9a" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="61053761" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira-Product-Discovery.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira Product Discovery <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Capture & prioritize ideas</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/compass" class="component--block__link" data-event="clicked" data-uuid="a182ac56-4e" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="659f8f31" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Compass.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Compass <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Optimize software health</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/guard" class="component--block__link" data-event="clicked" data-uuid="50063449-6b" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="58aaa51d" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Guard.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Guard <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Enhanced cloud security</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/loom" class="component--block__link" data-event="clicked" data-uuid="6ee54a1e-1e" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="e12ac81c" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Loom.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Loom <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Quick, async video updates</p> </div> </div> </a> </div> </div> </div> </div> <div id="tab-e0500fdf-b128-45d6-93b4-b062a202b657" class="singular-tab-content "> <h5 class="mobile-title eyebrows"> Developers </h5> <div class="component component--block products-tab-contents nav-two-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStart justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/jira" class="component--block__link" data-event="clicked" data-uuid="676acbb3-62" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="29306f11" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira </h3> <p>Flexible project management</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/bitbucket" class="component--block__link" data-event="clicked" data-uuid="c33432cf-d2" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="04091352" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Bitbucket.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Bitbucket </h3> <p>Collaborative code repos</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/compass" class="component--block__link" data-event="clicked" data-uuid="b189cc6c-90" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="461b52ba" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Compass.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Compass <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Optimize software health</p> </div> </div> </a> </div> </div> </div> </div> <div id="tab-c014fb24-377d-4a31-89c4-6071c19f8a95" class="singular-tab-content "> <h5 class="mobile-title eyebrows"> Product Managers </h5> <div class="component component--block products-tab-contents nav-two-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStart justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/jira" class="component--block__link" data-event="clicked" data-uuid="290c4dc3-76" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="a76bb88f" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira </h3> <p>Flexible project management</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/confluence" class="component--block__link" data-event="clicked" data-uuid="6ce391a6-10" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="50f44221" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Confluence.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Confluence </h3> <p>Knowledge, all in one place</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0 ;padding:0;" > <a href="/software/jira/product-discovery" class="component--block__link" data-event="clicked" data-uuid="b6e816c2-90" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="38733354" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira-Product-Discovery.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira Product Discovery <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Capture & prioritize ideas</p> </div> </div> </a> </div> </div> </div> </div> <div id="tab-3d19a5a4-952c-4fb1-9f13-7892fa162cec" class="singular-tab-content "> <h5 class="mobile-title eyebrows"> IT professionals </h5> <div class="component component--block products-tab-contents nav-two-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStart justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/jira/service-management" class="component--block__link" data-event="clicked" data-uuid="1c45f049-49" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="74cb2c5b" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira-Service-Management.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira Service Management </h3> <p>High-velocity service delivery</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/guard" class="component--block__link" data-event="clicked" data-uuid="923a9b01-40" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="cd74c518" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Guard.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Guard <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Enhanced cloud security</p> </div> </div> </a> </div> </div> </div> </div> <div id="tab-e3ef4fba-ad10-4f84-af12-2f6f6d1efd67" class="singular-tab-content "> <h5 class="mobile-title eyebrows"> Business Teams </h5> <div class="component component--block products-tab-contents nav-two-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStart justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/jira" class="component--block__link" data-event="clicked" data-uuid="13474f83-26" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="1ef222e7" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira </h3> <p>Flexible project management</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/confluence" class="component--block__link" data-event="clicked" data-uuid="4b6d0074-94" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="5dc02e14" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Confluence.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Confluence </h3> <p>Knowledge, all in one place</p> </div> </div> </a> </div> <div class="component alignContentStretch alignItemsStretch justifyStart noWrap no s0 between component--block" style="margin:4px 0;padding:0;:;" > <a href="https://trello.com/home" class="component--block__link" data-event="clicked" data-uuid="05036e06-dd" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="f5faeacd" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Trello.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Trello </h3> <p>Organized & visualized work</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0;padding:0;" > <a href="/software/loom" class="component--block__link" data-event="clicked" data-uuid="c3dcae40-95" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="4d83dea7" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Loom.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Loom <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Quick, async video updates</p> </div> </div> </a> </div> </div> </div> </div> <div id="tab-7d0e41e0-832f-4327-9102-52887f676ce2" class="singular-tab-content "> <h5 class="mobile-title eyebrows"> Leadership Teams </h5> <div class="component component--block products-tab-contents nav-two-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStart justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block" style="margin:4px 0 ;padding:0;" > <a href="/software/jira" class="component--block__link" data-event="clicked" data-uuid="3c258fc0-fc" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="a891fdc9" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira </h3> <p>Flexible project management</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0 ;padding:0;" > <a href="https://loom.com" class="component--block__link" data-event="clicked" data-uuid="21331073-0f" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="3bbb9fed" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Confluence.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Confluence </h3> <p>Knowledge, all in one place</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0 ;padding:0;" > <a href="/software/loom" class="component--block__link" data-event="clicked" data-uuid="b30cd095-78" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="c3942edb" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Loom.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Loom <span class="lozenge blue200 text-adg4secondarynavy">NEW</span> </h3> <p>Quick, async video updates</p> </div> </div> </a> </div> <div class="component s0 between component--block" style="margin:4px 0 ;padding:0;" > <a href="/software/jira-align" class="component--block__link" data-event="clicked" data-uuid="e177e36d-f2" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="c3d49c45" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira-Align.svg" loading="lazy" /> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Jira Align </h3> <p>Enterprise-wide work planning & value</p> </div> </div> </a> </div> </div> </div> </div> </div></div> <button class="mobile-back-button"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.77087 14.5334C7.87109 14.4335 7.9506 14.3148 8.00485 14.1841C8.0591 14.0535 8.08702 13.9134 8.08702 13.772C8.08702 13.6306 8.0591 13.4905 8.00485 13.3599C7.9506 13.2292 7.87109 13.1105 7.77087 13.0106L3.68091 8.92576L14.0174 8.92576C14.3034 8.92576 14.5777 8.8123 14.7799 8.61033C14.9821 8.40837 15.0957 8.13444 15.0957 7.84882C15.0957 7.5632 14.9821 7.28927 14.7799 7.08731C14.5777 6.88534 14.3034 6.77188 14.0174 6.77188L3.68091 6.77188L7.77087 2.68705C7.87109 2.58712 7.9506 2.46843 8.00485 2.33778C8.0591 2.20714 8.08702 2.06709 8.08702 1.92565C8.08702 1.78421 8.0591 1.64416 8.00485 1.51351C7.9506 1.38286 7.87109 1.26418 7.77087 1.16425C7.35033 0.744243 6.6667 0.744243 6.24508 1.16425L0.315557 7.08742C0.120278 7.28171 0.00717735 7.54348 -0.00038147 7.81867V7.88005C0.00734234 8.15489 0.120439 8.41626 0.315557 8.61022L6.24508 14.5334C6.34523 14.6335 6.46415 14.713 6.59505 14.7672C6.72596 14.8213 6.86627 14.8492 7.00798 14.8492C7.14968 14.8492 7.28999 14.8213 7.4209 14.7672C7.5518 14.713 7.67072 14.6335 7.77087 14.5334Z" fill="#1868DB"/> </svg> Back </button> </div> </li> <li id="adg4-nav-link-teams" class="nav-link globalNav has-dropdown single adg4-nav-link-teams"> <button class="nav-link-button main current-page-false" data-navlinkid="nav-link-c7337bad-f071-4c96-b5a3-99d33e6c73bd" data-event="clicked" data-uuid="c7337bad-f0-link" data-event-component="linkButton" data-event-container="globalNav-navigation-link" data-schema-version="1" > Teams <svg class="desktop" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.19995 1.18182L5.19995 4.81818L1.19995 1.18182" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="dropdown-content" id="nav-link-c7337bad-f071-4c96-b5a3-99d33e6c73bd"> <div class="dropdown-content-inner"> <div class="tab-buttons-area"> </div> <div class="tab-content-area globalNav cols-1"> <div id="tab-8212b0b7-5103-48a7-8a92-ac9fbd91d1b4" class="singular-tab-content active"> <h5 class="mobile-title eyebrows"> Teams </h5> <div class="component component--block nav-three-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStretch justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block team-card" style="margin:0;" > <a href="/teams/software-development" class="component--block__link" data-event="clicked" data-uuid="f708e77a-a5" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock"> <div class="component__image"> <img id="90d05cb9" alt="" class="component__image xs-compact-bottom xs-none-top" style="width:28px;height:28px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/nav-software.svg" loading="lazy" /> </div> <div class="component__heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Software </h3> <p>Ship high-quality, innovative software faster</p> </div> </div> <div class="component component--image hoverable"> <img id="38496121" alt="" class="component__image" style="width:28px;height:28px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/nav-software-hover.svg" loading="lazy" /> </div> </a> </div> <div class="component s0 between component--block team-card" style="margin:0;" > <a href="/teams/marketing" class="component--block__link" data-event="clicked" data-uuid="6fe6061e-15" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock"> <div class="component__image"> <img id="1126eb5b" alt="" class="component__image xs-none-top xs-compact-bottom" style="width:44px;height:28px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/nav-marketing.svg" loading="lazy" /> </div> <div class="component__heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Marketing </h3> <p>Collaborative strategies for marketing success</p> </div> </div> <div class="component component--image hoverable"> <img id="663b0d9c" alt="" class="component__image" style="width:44px;height:28px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/nav-marketing-hover.svg" loading="lazy" /> </div> </a> </div> <div class="component s0 between component--block team-card" style="margin:0;" > <a href="/teams/it" class="component--block__link" data-event="clicked" data-uuid="bd6097b7-ae" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--image-heading-textblock"> <div class="component__image"> <img id="c99a84f3" alt="" class="component__image xs-none-top xs-compact-bottom" style="width:32px;height:28px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/nav-it.svg" loading="lazy" /> </div> <div class="component__heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > IT </h3> <p>Deliver exceptional operations and support services.</p> </div> </div> <div class="component component--image hoverable"> <img id="b459ac25" alt="" class="component__image" style="width:32px;height:28px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/nav-it-hover.svg" loading="lazy" /> </div> </a> </div> </div> </div> <div class="component component--block bottom-three-col" style="margin-top:0;" > <div class="intra-div flexRow alignContentStart alignItemsStretch justifyStart wrap no s0 between flexColSm component--block__background neutral100 has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block col-1" style="margin:0;" > <div class="component component--heading"> <h5 class="fnt-wt font-wt-600 fnt-mg font-mgn-16 fnt-ln font-lnh- heading" > solution </h5> </div> <div class="component component--link-button "> <a href="/solutions/work-management" data-event="clicked" data-uuid="b179f79d-e5" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Work Management" data-label-english="Work Management" class="component__link default " > Work Management </a> </div> <div class="component component--link-button "> <a href="/solutions/itsm" data-event="clicked" data-uuid="5ad93cb6-9a" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="IT Service Management" data-label-english="IT Service Management" class="component__link default " > IT Service Management </a> </div> <div class="component component--link-button "> <a href="/solutions/devops" data-event="clicked" data-uuid="d013113f-55" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Agile & DevOps" data-label-english="Agile & DevOps" class="component__link default " > Agile & DevOps </a> </div> </div> <div class="component s0 between component--block col-1" > <div class="component component--heading"> <h5 class="fnt-wt font-wt-600 fnt-mg font-mgn-16 fnt-ln font-lnh- heading" > By team size </h5> </div> <div class="component component--link-button "> <a href="/enterprise" data-event="clicked" data-uuid="f56440e6-51" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Enterprise" data-label-english="Enterprise" class="component__link default " > Enterprise </a> </div> <div class="component component--link-button "> <a href="/software/small-business" data-event="clicked" data-uuid="7515a7d2-b8" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Small business" data-label-english="Small business" class="component__link default " > Small business </a> </div> <div class="component component--link-button "> <a href="/software/startups" data-event="clicked" data-uuid="7dd4032c-05" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Startup" data-label-english="Startup" class="component__link default " > Startup </a> </div> <div class="component component--link-button "> <a href="/teams/nonprofits" data-event="clicked" data-uuid="ecd56900-50" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Non-profit" data-label-english="Non-profit" class="component__link default " > Non-profit </a> </div> </div> <div class="component s0 between component--block col-1" > <div class="component component--heading"> <h5 class="fnt-wt font-wt-600 fnt-mg font-mgn-16 fnt-ln font-lnh- heading" > By industry </h5> </div> <div class="component component--link-button "> <a href="/industries/retail" data-event="clicked" data-uuid="d1ccbcfe-58" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Retail" data-label-english="Retail" class="component__link default " > Retail </a> </div> <div class="component component--link-button "> <a href="/industries/telecom" data-event="clicked" data-uuid="3c615ef5-97" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Telecommunications" data-label-english="Telecommunications" class="component__link default " > Telecommunications </a> </div> <div class="component component--link-button "> <a href="/industries/professional-services" data-event="clicked" data-uuid="4926e993-46" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Professional services" data-label-english="Professional services" class="component__link default " > Professional services </a> </div> <div class="component component--link-button "> <a href="/government" data-event="clicked" data-uuid="89d1956c-e2" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Government" data-label-english="Government" class="component__link default " > Government </a> </div> </div> </div> </div> </div> </div></div> <button class="mobile-back-button"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.77087 14.5334C7.87109 14.4335 7.9506 14.3148 8.00485 14.1841C8.0591 14.0535 8.08702 13.9134 8.08702 13.772C8.08702 13.6306 8.0591 13.4905 8.00485 13.3599C7.9506 13.2292 7.87109 13.1105 7.77087 13.0106L3.68091 8.92576L14.0174 8.92576C14.3034 8.92576 14.5777 8.8123 14.7799 8.61033C14.9821 8.40837 15.0957 8.13444 15.0957 7.84882C15.0957 7.5632 14.9821 7.28927 14.7799 7.08731C14.5777 6.88534 14.3034 6.77188 14.0174 6.77188L3.68091 6.77188L7.77087 2.68705C7.87109 2.58712 7.9506 2.46843 8.00485 2.33778C8.0591 2.20714 8.08702 2.06709 8.08702 1.92565C8.08702 1.78421 8.0591 1.64416 8.00485 1.51351C7.9506 1.38286 7.87109 1.26418 7.77087 1.16425C7.35033 0.744243 6.6667 0.744243 6.24508 1.16425L0.315557 7.08742C0.120278 7.28171 0.00717735 7.54348 -0.00038147 7.81867V7.88005C0.00734234 8.15489 0.120439 8.41626 0.315557 8.61022L6.24508 14.5334C6.34523 14.6335 6.46415 14.713 6.59505 14.7672C6.72596 14.8213 6.86627 14.8492 7.00798 14.8492C7.14968 14.8492 7.28999 14.8213 7.4209 14.7672C7.5518 14.713 7.67072 14.6335 7.77087 14.5334Z" fill="#1868DB"/> </svg> Back </button> </div> </li> <li id="adg4-nav-link-why-atlassian" class="nav-link globalNav has-dropdown single adg4-nav-link-why-atlassian"> <button class="nav-link-button main current-page-false" data-navlinkid="nav-link-fa47bfda-a17c-48bb-b238-3fb7545b1e42" data-event="clicked" data-uuid="fa47bfda-a1-link" data-event-component="linkButton" data-event-container="globalNav-navigation-link" data-schema-version="1" > Why Atlassian <svg class="desktop" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.19995 1.18182L5.19995 4.81818L1.19995 1.18182" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="dropdown-content" id="nav-link-fa47bfda-a17c-48bb-b238-3fb7545b1e42"> <div class="dropdown-content-inner"> <div class="tab-buttons-area"> </div> <div class="tab-content-area globalNav cols-1"> <div id="tab-94bac309-9300-4042-bafe-297e6188d84f" class="singular-tab-content active"> <h5 class="mobile-title eyebrows"> Why Atlassian </h5> <div class="component component--block nav-three-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStretch justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block" style="margin:0;" > <a href="https://marketplace.atlassian.com/" class="component--block__link" data-event="clicked" data-uuid="c9dc5872-ad" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Integrations </h3> <p>Connect thousands of apps to your Atlassian products</p> </div> </a> </div> <div class="component s0 between component--block" style="margin:0;" > <a href="/customers" class="component--block__link" data-event="clicked" data-uuid="d7af88e4-e4" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Customers </h3> <p>Case studies & stories powered by teamwork</p> </div> </a> </div> <div class="component s0 between component--block" style="margin:0;" > <a href="/trust/compliance/resources/fedramp" class="component--block__link" data-event="clicked" data-uuid="214ef2f0-e9" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > FedRAMP </h3> <p>Compliant solutions for the public sector</p> </div> </a> </div> <div class="component s0 between component--block" style="margin:0;" > <a href="/trust/resilience" class="component--block__link" data-event="clicked" data-uuid="12386179-63" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Resilience </h3> <p>Enterprise-grade & highly performant infrastructure</p> </div> </a> </div> <div class="component s0 between component--block" style="margin:0;" > <a href="/platform" class="component--block__link" data-event="clicked" data-uuid="b6627015-48" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Platform </h3> <p>Our deeply integrated, reliable & secure platform</p> </div> </a> </div> <div class="component s0 between component--block" style="margin:0;" > <a href="/trust" class="component--block__link" data-event="clicked" data-uuid="7a444656-29" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Trust center </h3> <p>Ensure your data’s security, compliance & availability</p> </div> </a> </div> </div> </div> </div> </div></div> <button class="mobile-back-button"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.77087 14.5334C7.87109 14.4335 7.9506 14.3148 8.00485 14.1841C8.0591 14.0535 8.08702 13.9134 8.08702 13.772C8.08702 13.6306 8.0591 13.4905 8.00485 13.3599C7.9506 13.2292 7.87109 13.1105 7.77087 13.0106L3.68091 8.92576L14.0174 8.92576C14.3034 8.92576 14.5777 8.8123 14.7799 8.61033C14.9821 8.40837 15.0957 8.13444 15.0957 7.84882C15.0957 7.5632 14.9821 7.28927 14.7799 7.08731C14.5777 6.88534 14.3034 6.77188 14.0174 6.77188L3.68091 6.77188L7.77087 2.68705C7.87109 2.58712 7.9506 2.46843 8.00485 2.33778C8.0591 2.20714 8.08702 2.06709 8.08702 1.92565C8.08702 1.78421 8.0591 1.64416 8.00485 1.51351C7.9506 1.38286 7.87109 1.26418 7.77087 1.16425C7.35033 0.744243 6.6667 0.744243 6.24508 1.16425L0.315557 7.08742C0.120278 7.28171 0.00717735 7.54348 -0.00038147 7.81867V7.88005C0.00734234 8.15489 0.120439 8.41626 0.315557 8.61022L6.24508 14.5334C6.34523 14.6335 6.46415 14.713 6.59505 14.7672C6.72596 14.8213 6.86627 14.8492 7.00798 14.8492C7.14968 14.8492 7.28999 14.8213 7.4209 14.7672C7.5518 14.713 7.67072 14.6335 7.77087 14.5334Z" fill="#1868DB"/> </svg> Back </button> </div> </li> <li id="adg4-nav-link-resources" class="nav-link globalNav has-dropdown single adg4-nav-link-resources"> <button class="nav-link-button main current-page-false" data-navlinkid="nav-link-9fc4b679-6101-4d37-be62-9764cce616cb" data-event="clicked" data-uuid="9fc4b679-61-link" data-event-component="linkButton" data-event-container="globalNav-navigation-link" data-schema-version="1" > Resources <svg class="desktop" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.19995 1.18182L5.19995 4.81818L1.19995 1.18182" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> </button> <div class="dropdown-content" id="nav-link-9fc4b679-6101-4d37-be62-9764cce616cb"> <div class="dropdown-content-inner"> <div class="tab-buttons-area"> </div> <div class="tab-content-area globalNav cols-1"> <div id="tab-e081e462-8411-40d8-9160-3f1b4949778a" class="singular-tab-content active"> <h5 class="mobile-title eyebrows"> Resources </h5> <div class="component component--block nav-four-col" style="margin:0;" > <div class="intra-div flexRow alignContentStart alignItemsStretch justifyStart wrap no s0 between flexColSm has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block" style="margin:0;" > <a href="https://support.atlassian.com/" class="component--block__link" data-event="clicked" data-uuid="29bbc167-92" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Customer Support </h3> <p>Ask questions, report bugs & give us feedback</p> </div> </a> </div> <div class="component s0 between component--block" style="margin:0;" > <a href="https://partnerdirectory.atlassian.com/" class="component--block__link" data-event="clicked" data-uuid="a6a57338-f5" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Find Partners </h3> <p>Consulting, training & product customization support</p> </div> </a> </div> <div class="component s0 between component--block" style="margin:0;" > <a href="/migration" class="component--block__link" data-event="clicked" data-uuid="92cc2fbe-15" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > Migration Program </h3> <p>Step-by-step guidance for your Atlassian cloud migration</p> </div> </a> </div> <div class="component s0 between component--block" style="margin:0;" > <a href="https://university.atlassian.com/" class="component--block__link" data-event="clicked" data-uuid="b6f659ac-62" data-event-component="linkButton" data-event-container="block" data-schema-version="1" > <div class="component component--heading-textblock"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" > University </h3> <p>Learn and expand your skill set for all things Atlassian</p> </div> </a> </div> </div> </div> <div class="component component--block bottom-four-col" > <div class="intra-div flexRow alignContentStart alignItemsStretch justifyStart wrap no s0 between flexColSm component--block__background n10 has-border border-color- padding-24 padding-style-allSides allSides border-radius-default border-width-0"> <div class="component s0 between component--block col-1" style="margin:0;" > <div class="component component--heading"> <h5 class="fnt-wt font-wt-600 fnt-mg font-mgn-16 fnt-ln font-lnh-13 heading" > support </h5> </div> <div class="component component--link-button "> <a href="/company/contact/general-inquiries" data-event="clicked" data-uuid="a169f872-54" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="General inquiries" data-label-english="General inquiries" class="component__link default " > General inquiries </a> </div> <div class="component component--link-button "> <a href="/company/contact/product-evaluator-advice" data-event="clicked" data-uuid="761c7820-2e" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Product Advice" data-label-english="Product Advice" class="component__link default " > Product Advice </a> </div> <div class="component component--link-button "> <a href="/partners" data-event="clicked" data-uuid="78508d01-2c" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Partner support" data-label-english="Partner support" class="component__link default " > Partner support </a> </div> <div class="component component--link-button "> <a href="/enterprise/success" data-event="clicked" data-uuid="f4a22b8f-03" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Enterprise support" data-label-english="Enterprise support" class="component__link default " > Enterprise support </a> </div> </div> <div class="component s0 between component--block col-1" > <div class="component component--heading"> <div class="fnt-wt font-wt-600 fnt-mg font-mgn-16 fnt-ln font-lnh-13 h5 heading" > </div> </div> <div class="component component--link-button "> <a href="https://support.atlassian.com/contact/" data-event="clicked" data-uuid="b802a97d-a6" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Technical Support" data-label-english="Technical Support" class="component__link default " > Technical Support </a> </div> <div class="component component--link-button "> <a href="/company/contact/purchasing-licensing" data-event="clicked" data-uuid="80be0d0e-96" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Pricing and Billing" data-label-english="Pricing and Billing" class="component__link default " > Pricing and Billing </a> </div> <div class="component component--link-button "> <a href="https://developer.atlassian.com/" data-event="clicked" data-uuid="a77e284c-f5" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Developer support" data-label-english="Developer support" class="component__link default " > Developer support </a> </div> <div class="component component--link-button "> <a href="/licensing/purchase-licensing" data-event="clicked" data-uuid="7e4bcf50-d5" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Purchasing & Licensing" data-label-english="Purchasing & Licensing" class="component__link default " > Purchasing & Licensing </a> </div> </div> <div class="component s0 between component--block col-1" > <div class="component component--heading"> <h5 class="fnt-wt font-wt-600 fnt-mg font-mgn-16 fnt-ln font-lnh-13 heading" > learn </h5> </div> <div class="component component--link-button "> <a href="/project-management" data-event="clicked" data-uuid="37e63de2-8b" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Project Management" data-label-english="Project Management" class="component__link default " > Project Management </a> </div> <div class="component component--link-button "> <a href="/agile" data-event="clicked" data-uuid="cd88fac0-34" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Agile" data-label-english="Agile" class="component__link default " > Agile </a> </div> <div class="component component--link-button "> <a href="/community" data-event="clicked" data-uuid="777bf608-da" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Community" data-label-english="Community" class="component__link default " > Community </a> </div> <div class="component component--link-button "> <a href="/get-started" data-event="clicked" data-uuid="46448b23-df" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Get Started" data-label-english="Get Started" class="component__link default " > Get Started </a> </div> </div> <div class="component s0 between component--block col-1" > <div class="component component--heading"> <div class="fnt-wt font-wt-600 fnt-mg font-mgn-16 fnt-ln font-lnh-13 h5 heading" > </div> </div> <div class="component component--link-button "> <a href="/work-management/project-collaboration" data-event="clicked" data-uuid="121af982-23" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Project Collaboration" data-label-english="Project Collaboration" class="component__link default " > Project Collaboration </a> </div> <div class="component component--link-button "> <a href="/team-playbook" data-event="clicked" data-uuid="be1af204-2b" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Team Playbook" data-label-english="Team Playbook" class="component__link default " > Team Playbook </a> </div> <div class="component component--link-button "> <a href="https://confluence.atlassian.com/display/ALLDOC/Atlassian+Documentation" data-event="clicked" data-uuid="f088bee8-17" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Product Documentation" data-label-english="Product Documentation" class="component__link default " > Product Documentation </a> </div> </div> </div> </div> </div> </div></div> <button class="mobile-back-button"> <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.77087 14.5334C7.87109 14.4335 7.9506 14.3148 8.00485 14.1841C8.0591 14.0535 8.08702 13.9134 8.08702 13.772C8.08702 13.6306 8.0591 13.4905 8.00485 13.3599C7.9506 13.2292 7.87109 13.1105 7.77087 13.0106L3.68091 8.92576L14.0174 8.92576C14.3034 8.92576 14.5777 8.8123 14.7799 8.61033C14.9821 8.40837 15.0957 8.13444 15.0957 7.84882C15.0957 7.5632 14.9821 7.28927 14.7799 7.08731C14.5777 6.88534 14.3034 6.77188 14.0174 6.77188L3.68091 6.77188L7.77087 2.68705C7.87109 2.58712 7.9506 2.46843 8.00485 2.33778C8.0591 2.20714 8.08702 2.06709 8.08702 1.92565C8.08702 1.78421 8.0591 1.64416 8.00485 1.51351C7.9506 1.38286 7.87109 1.26418 7.77087 1.16425C7.35033 0.744243 6.6667 0.744243 6.24508 1.16425L0.315557 7.08742C0.120278 7.28171 0.00717735 7.54348 -0.00038147 7.81867V7.88005C0.00734234 8.15489 0.120439 8.41626 0.315557 8.61022L6.24508 14.5334C6.34523 14.6335 6.46415 14.713 6.59505 14.7672C6.72596 14.8213 6.86627 14.8492 7.00798 14.8492C7.14968 14.8492 7.28999 14.8213 7.4209 14.7672C7.5518 14.713 7.67072 14.6335 7.77087 14.5334Z" fill="#1868DB"/> </svg> Back </button> </div> </li> <li id="adg4-nav-link-enterprise" class="nav-link globalNav single adg4-nav-link-enterprise"> <a class="nav-link-button main current-page-false" data-navlinkid="nav-link-c13c1778-a877-4684-b860-ceb576c29507" href="/enterprise" data-event="clicked" data-uuid="c13c1778-a8-link" data-event-component="linkButton" data-event-container="globalNav-navigation-link" data-schema-version="1" > Enterprise </a> </li> <li class="menu-spacer"></li> <li class="more-less menu-more globalNav"><button class="lessmore button-menu-more" data-event="clicked" data-uuid="0703b6c2-3e-more" data-event-component="linkButton" data-event-container="globalNav-more" data-schema-version="1" >More +</button></li> <li class="more-less menu-less globalNav"><button class="lessmore button-menu-less" data-event="clicked" data-uuid="0703b6c2-3e-less" data-event-component="linkButton" data-event-container="globalNav-less" data-schema-version="1" >Less -</button></li> </ul> <ul class="search-profile"> <li class="cta-desktop" id="cta-desktop-dropdown-button"> <button class="cta button--one button--regular button--primary" id="try-now-dropdown-cta-desktop" data-dropdownId="try-now-cta-link-desktop-dropdown" data-event="clicked" data-uuid="0703b6c2-3e-linik" data-event-component="linkButton" data-event-container="globalNav-cta-desktop" data-schema-version="1" data-label-english="Get it free" > Get it free <svg class="desktop" width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9.19995 1.18182L5.19995 4.81818L1.19995 1.18182" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> <div class="cta-dropdown-content" id="try-now-cta-link-desktop-dropdown"> <div class="dropdown-content-inner"> <div class="dropdown-content-loader"> <div class="atlas-style-simple-loader-medium"></div> </div> <div class="dropdown-content-panel"> <div class="component s0 between component--block product-link-block"> <a href="/try/cloud/signup?bundle=jira-software&edition=free" id="highlightItem1__link" class="component--block__link" data-event="clicked" data-uuid="0703b6c2-3e-cta-desktop-product-link1" data-event-component="linkButton" data-event-container="globalNav-cta-desktop-product-link" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="highlightItem1__img" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira.svg" loading="auto"> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" id="highlightItem1__product--title" > Jira </h3> <p id="highlightItem1__product--subText"> Flexible project management </p> </div> </div> </a> </div> <div class="component s0 between component--block product-link-block"> <a href="/software/jira/service-management/free" id="highlightItem2__link" class="component--block__link" data-event="clicked" data-uuid="0703b6c2-3e-cta-desktop-product-link2" data-event-component="linkButton" data-event-container="globalNav-cta-desktop-product-link" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="highlightItem2__img" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira-Service-Management.svg" loading="auto"> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" id="highlightItem2__product--title" > Jira Service Management </h3> <p id="highlightItem2__product--subText"> High-velocity service delivery </p> </div> </div> </a> </div> <div class="component s0 between component--block product-link-block"> <a href="/try/cloud/signup?bundle=confluence&edition=free" id="highlightItem3__link" class="component--block__link" data-event="clicked" data-uuid="0703b6c2-3e-cta-desktop-product-link3" data-event-component="linkButton" data-event-container="globalNav-cta-desktop-product-link" data-schema-version="1" > <div class="component component--image-heading-textblock with-flex margin-default"> <div class="component__image component__image--left compact"> <img id="highlightItem3__img" alt="" class="component__image" style="width:44px;height:44px;" src="https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Confluence.svg" loading="auto"> </div> <div class="component__heading-textblock component__heading-textblock--right compact"> <h3 class="fnt-wt font-wt- fnt-mg font-mgn- fnt-ln font-lnh- heading" id="highlightItem3__product--title" > Confluence </h3> <p id="highlightItem3__product--subText"> Knowledge, all in one place </p> </div> </div> </a> </div> <div class="link-in-dropdown"> <a class="easy-link-arrow" href="/try" data-event="clicked" data-uuid="0703b6c2-3e-cta-dropdown-content" data-event-component="linkButton" data-event-container="globalNav-cta-desktop-cta-dropdown-content" data-schema-version="1" > See all products </a> </div> </div> </div> </div> </li> <li class="cta-desktop" id="cta-desktop-default"> <a class="cta button--one button--regular button--primary" href="/try" data-event="clicked" data-uuid="0703b6c2-3e-linik" data-event-component="linkButton" data-event-container="globalNav-cta-desktop" data-schema-version="1" data-label-english="Get it free" >Get it free</a> </li> <li class="search-button"> <button class="search-open doNotAutoTrack"> <svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.8422 17.189L19.0001 20.3469" stroke="currentColor" stroke-width="2.75" stroke-linecap="round" /> <path d="M9.59182 17.7583C14.0392 17.7583 17.6444 14.1531 17.6444 9.70571C17.6444 5.25836 14.0392 1.65308 9.59182 1.65308C5.14447 1.65308 1.53918 5.25836 1.53918 9.70571C1.53918 14.1531 5.14447 17.7583 9.59182 17.7583Z" stroke="currentColor" stroke-width="2.25" /> </svg> </button> </li> <li class="adg4-nav-account-sign-in"></li> <li class="adg4-nav-account-my-products"></li> </ul> <div class="search-form"> <button class="mobile-back-button" data-event="clicked" data-uuid="0703b6c2-3e-mobile-back-button" data-event-component="linkButton" data-event-container="globalNav-mobile-back-button" data-schema-version="1" > <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.77087 14.5334C7.87109 14.4335 7.9506 14.3148 8.00485 14.1841C8.0591 14.0535 8.08702 13.9134 8.08702 13.772C8.08702 13.6306 8.0591 13.4905 8.00485 13.3599C7.9506 13.2292 7.87109 13.1105 7.77087 13.0106L3.68091 8.92576L14.0174 8.92576C14.3034 8.92576 14.5777 8.8123 14.7799 8.61033C14.9821 8.40837 15.0957 8.13444 15.0957 7.84882C15.0957 7.5632 14.9821 7.28927 14.7799 7.08731C14.5777 6.88534 14.3034 6.77188 14.0174 6.77188L3.68091 6.77188L7.77087 2.68705C7.87109 2.58712 7.9506 2.46843 8.00485 2.33778C8.0591 2.20714 8.08702 2.06709 8.08702 1.92565C8.08702 1.78421 8.0591 1.64416 8.00485 1.51351C7.9506 1.38286 7.87109 1.26418 7.77087 1.16425C7.35033 0.744243 6.6667 0.744243 6.24508 1.16425L0.315557 7.08742C0.120278 7.28171 0.00717735 7.54348 -0.00038147 7.81867V7.88005C0.00734234 8.15489 0.120439 8.41626 0.315557 8.61022L6.24508 14.5334C6.34523 14.6335 6.46415 14.713 6.59505 14.7672C6.72596 14.8213 6.86627 14.8492 7.00798 14.8492C7.14968 14.8492 7.28999 14.8213 7.4209 14.7672C7.5518 14.713 7.67072 14.6335 7.77087 14.5334Z" fill="#1868DB"/> </svg> Back </button> <div class="input-container"> <input class="adg4-search-input" type="text" placeholder="Search Atlassian" /> <svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M15.8422 17.189L19.0001 20.3469" stroke="#101214" stroke-width="2.75" stroke-linecap="round" /> <path d="M9.59182 17.7583C14.0392 17.7583 17.6444 14.1531 17.6444 9.70571C17.6444 5.25836 14.0392 1.65308 9.59182 1.65308C5.14447 1.65308 1.53918 5.25836 1.53918 9.70571C1.53918 14.1531 5.14447 17.7583 9.59182 17.7583Z" stroke="#101214" stroke-width="2.25" /> </svg> </div> <div class="adg4-search-results"></div> <button class="search-close doNotAutoTrack" title="Close search"> <hr class="mid mid1" /> <hr class="mid mid2" /> </button> </div> </div> </div> <div class="cta-tablet"> <a class="cta button--one button--regular button--primary" href="/try" data-event="clicked" data-uuid="0703b6c2-3e-cta-tablet" data-event-component="linkButton" data-event-container="globalNav-cta-tablet" data-schema-version="1" data-label-english="Get it free" >Get it free</a> </div> <div id="adg4-app-switcher"></div> <script type="text/jsx-component"> { "type": "WacAppSwitcher", "domRootId": "adg4-app-switcher", "props": { "domRootId": "adg4-app-switcher", "wacAppSwitcherLabel": "", "allowWacJoinSitesProvider": true } } </script> <div class="adg4-nav-account-logged-in"></div> <div class="adg4-nav-account-info"></div> </div> </div> </div> <script type="text/x-component"> { "type":"imkt.components.ADG4GlobalNav", "params": { "navType":"globalNav", "labels": { "JoinSiteUserDropdown.logOut":"Log out", "JoinSiteUserDropdown.logIn":"Sign in", "JoinSiteUserDropdown.joinTeam":"Join your team", "JoinSiteUserDropdown.profile":"Profile", "JoinSiteUserDropdown.switchAccount":"Switch account", "JoinSiteUserDropdown.licenses":"Licenses", "JoinSiteUserDropdown.logOutHeading":"Log out", "JoinSiteUserDropdown.logOutTriggerText":"Log out" }, "ctaLabel":"Get it free", "isShowCTADropdown":"true", "jiraProduct": { "imgSource":"https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira.svg", "heading":"Jira", "subText":"Flexible project management", "href":"/try/cloud/signup?bundle=jira-software&edition=free" }, "jiraServiceManagementProduct": { "imgSource":"https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira-Service-Management.svg", "heading":"Jira Service Management", "subText":"High-velocity service delivery", "href":"/software/jira/service-management/free" }, "confluenceProduct": { "imgSource":"https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Confluence.svg", "heading":"Confluence", "subText":"Knowledge, all in one place", "href":"/try/cloud/signup?bundle=confluence&edition=free" }, "jiraProductDiscovery": { "imgSource":"https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Jira-Product-Discovery.svg", "heading":"Jira Product Discovery", "subText":"Capture & prioritize ideas", "href":"/try/cloud/signup?bundle=jira-product-discovery" }, "compassProduct": { "imgSource":"https://wac-cdn.atlassian.com/misc-assets/adg4-nav/prod-icon-Compass.svg", "heading":"Compass", "subText":"Optimize software health", "href":"/try/cloud/signup?bundle=compass" } } } </script></nav> </header> <main> <section> <div class="grid"> <div class="column"> </div> </div> </section> <section> <div class="grid grid-6 vertical-gutters-standard vertical-padding-standard"> <div class="column colspan-4 push push-1 wpl article-body"> <h1 class="article-title">How Metalab Makes Remote Work Human with Loom</h1> <p class="article-decription p--oversized"></p> </div> <div class="column colspan-all video-area content-block"></div> <div class="column colspan-4 push push-1 wpl article-body content-block"> <section class="webinar-signup-component"> <span class="webinar-signup-component--heading"> Watch On-Demand </span> <form id="webinarRegistrationForm" class="webinar-signup-component--form onDemandWebinar" name="bigMarkerwebinar" autocomplete="on" action="" method="PUT"> <div style="display:none;"> <input type="hidden" id="eventid" name="eventid" value="6c50c97fff76"> <input type="hidden" id="sessionid" name="sessionid" value="1"> <input type="hidden" id="webinarkey" name="key" value=""> <input type="hidden" id="partnerref" name="partnerref" value=""> </div> <div class="webinar-signup-component--form--wrapper"> <div class="user-details"> <div class="user-details--wrapper"> <div class="user-details--wrapper--input-wrapper"> <label for="firstname" class="invis-accessible-label">First Name *</label> <input class="fis form-input" id="firstname" name="firstname" type="text" value="" placeholder="First Name *" aria-describedby="firstname-error"> </div> <div class="user-details--wrapper--input-wrapper"> <label for="lastname" class="invis-accessible-label">Last Name *</label> <input class="fis form-input" id="lastname" name="lastname" type="text" value="" placeholder="Last Name *" aria-describedby="lastname-error"> </div> <div class="user-details--wrapper--input-wrapper"> <label for="title" class="invis-accessible-label">Job Title *</label> <input class="fis form-input" id="title" name="job_title" type="text" value="" placeholder="Job Title *" aria-describedby="title-error"> </div> <div class="user-details--wrapper--input-wrapper"> <label for="email" class="invis-accessible-label">Company Email *</label> <input class="fis form-input" id="email" name="email" type="email" value="" placeholder="Company Email *" aria-describedby="email-error"> </div> <div class="user-details--wrapper--input-wrapper select-dropdown"> <label for="company_size" class="invis-accessible-label">Select your Company Size *</label> <select id="company_size" name="company_size" value="" aria-describedby="company_size-error"> <option label="Select your Company Size *" disabled selected value="">Select your Company Size *</option> <option value="1-10" label="1-10" title="1-10">1-10</option> <option value="11-50" label="11-50" title="11-50">11-50</option> <option value="51-250" label="51-250" title="51-250">51-250</option> <option value="251-1K" label="251-1,000" title="251-1K">251-1K</option> <option value="1K-5K" label="1,001-5,000" title="1K-5K">1K-5K</option> <option value="5K-10K" label="5,001-10,000" title="5K-10K">5K-10K</option> <option value="10K-50K" label="10,001-50,000" title="10K-50K">10K-50K</option> <option value="50K-100K" label="50,001-100,000" title="50K-100K">50K-100K</option> <option value="100K+" label="100,000+" title="100K+">100K+</option> </select> </div> <div class="user-details--wrapper--input-wrapper select-dropdown"> <label for="country" class="invis-accessible-label">Select your Country *</label> <select id="country" name="country" value="" aria-describedby="country-error"> <option label="Select your Country *" disabled selected value="">Select your Country *</option> <option value="United States of America" label="United States of America" title="United States of America">United States of America</option> <option value="Afghanistan" label="Afghanistan" title="Afghanistan">Afghanistan</option> <option value="Albania" label="Albania" title="Albania">Albania</option> <option value="Algeria" label="Algeria" title="Algeria">Algeria</option> <option value="American Samoa" label="American Samoa" title="American Samoa">American Samoa</option> <option value="Andorra" label="Andorra" title="Andorra">Andorra</option> <option value="Angola" label="Angola" title="Angola">Angola</option> <option value="Anguilla" label="Anguilla" title="Anguilla">Anguilla</option> <option value="Antarctica" label="Antarctica" title="Antarctica">Antarctica</option> <option value="Antigua and Barbuda" label="Antigua and Barbuda" title="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina" label="Argentina" title="Argentina">Argentina</option> <option value="Armenia" label="Armenia" title="Armenia">Armenia</option> <option value="Aruba" label="Aruba" title="Aruba">Aruba</option> <option value="Australia" label="Australia" title="Australia">Australia</option> <option value="Austria" label="Austria" title="Austria">Austria</option> <option value="Azerbaijan" label="Azerbaijan" title="Azerbaijan">Azerbaijan</option> <option value="Bahamas" label="Bahamas" title="Bahamas">Bahamas</option> <option value="Bahrain" label="Bahrain" title="Bahrain">Bahrain</option> <option value="Bangladesh" label="Bangladesh" title="Bangladesh">Bangladesh</option> <option value="Barbados" label="Barbados" title="Barbados">Barbados</option> <option value="Belarus" label="Belarus" title="Belarus">Belarus</option> <option value="Belgium" label="Belgium" title="Belgium">Belgium</option> <option value="Belize" label="Belize" title="Belize">Belize</option> <option value="Benin" label="Benin" title="Benin">Benin</option> <option value="Bermuda" label="Bermuda" title="Bermuda">Bermuda</option> <option value="Bhutan" label="Bhutan" title="Bhutan">Bhutan</option> <option value="Bolivia" label="Bolivia" title="Bolivia">Bolivia</option> <option value="Bosnia and Herzegovina" label="Bosnia and Herzegovina" title="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana" label="Botswana" title="Botswana">Botswana</option> <option value="Bouvet Island" label="Bouvet Island" title="Bouvet Island">Bouvet Island</option> <option value="Brazil" label="Brazil" title="Brazil">Brazil</option> <option value="British Indian Ocean Territory" label="British Indian Ocean Territory" title="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei" label="Brunei" title="Brunei">Brunei</option> <option value="Bulgaria" label="Bulgaria" title="Bulgaria">Bulgaria</option> <option value="Burkina Faso" label="Burkina Faso" title="Burkina Faso">Burkina Faso</option> <option value="Burundi" label="Burundi" title="Burundi">Burundi</option> <option value="Cambodia" label="Cambodia" title="Cambodia">Cambodia</option> <option value="Cameroon" label="Cameroon" title="Cameroon">Cameroon</option> <option value="Canada" label="Canada" title="Canada">Canada</option> <option value="Cape Verde" label="Cape Verde" title="Cape Verde">Cape Verde</option> <option value="Cayman Islands" label="Cayman Islands" title="Cayman Islands">Cayman Islands</option> <option value="Central African Republic" label="Central African Republic" title="Central African Republic">Central African Republic</option> <option value="Chad" label="Chad" title="Chad">Chad</option> <option value="Chile" label="Chile" title="Chile">Chile</option> <option value="China" label="China" title="China">China</option> <option value="Christmas Island" label="Christmas Island" title="Christmas Island">Christmas Island</option> <option value="Cocos Keeling Islands" label="Cocos Keeling Islands" title="Cocos Keeling Islands">Cocos Keeling Islands</option> <option value="Colombia" label="Colombia" title="Colombia">Colombia</option> <option value="Comoros" label="Comoros" title="Comoros">Comoros</option> <option value="Congo Democratic Peoples Republic" label="Congo Democratic Peoples Republic" title="Congo Democratic Peoples Republic">Congo Democratic Peoples Republic</option> <option value="Congo Republic of" label="Congo Republic of" title="Congo Republic of">Congo Republic of</option> <option value="Cook Islands" label="Cook Islands" title="Cook Islands">Cook Islands</option> <option value="Costa Rica" label="Costa Rica" title="Costa Rica">Costa Rica</option> <option value="Cote dIvoire Ivory Coast" label="Cote dIvoire Ivory Coast" title="Cote dIvoire Ivory Coast">Cote dIvoire Ivory Coast</option> <option value="Croatia Hrvatska" label="Croatia Hrvatska" title="Croatia Hrvatska">Croatia Hrvatska</option> <option value="Cuba" label="Cuba" title="Cuba">Cuba</option> <option value="Cyprus" label="Cyprus" title="Cyprus">Cyprus</option> <option value="Czech Republic" label="Czech Republic" title="Czech Republic">Czech Republic</option> <option value="Denmark" label="Denmark" title="Denmark">Denmark</option> <option value="Djibouti" label="Djibouti" title="Djibouti">Djibouti</option> <option value="Dominica" label="Dominica" title="Dominica">Dominica</option> <option value="Dominican Republic" label="Dominican Republic" title="Dominican Republic">Dominican Republic</option> <option value="Ecuador" label="Ecuador" title="Ecuador">Ecuador</option> <option value="Egypt" label="Egypt" title="Egypt">Egypt</option> <option value="El Salvador" label="El Salvador" title="El Salvador">El Salvador</option> <option value="Equatorial Guinea" label="Equatorial Guinea" title="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea" label="Eritrea" title="Eritrea">Eritrea</option> <option value="Estonia" label="Estonia" title="Estonia">Estonia</option> <option value="Ethiopia" label="Ethiopia" title="Ethiopia">Ethiopia</option> <option value="Falkland Islands" label="Falkland Islands" title="Falkland Islands">Falkland Islands</option> <option value="Faroe Islands" label="Faroe Islands" title="Faroe Islands">Faroe Islands</option> <option value="Fiji" label="Fiji" title="Fiji">Fiji</option> <option value="Finland" label="Finland" title="Finland">Finland</option> <option value="France" label="France" title="France">France</option> <option value="French Guiana" label="French Guiana" title="French Guiana">French Guiana</option> <option value="French Polynesia" label="French Polynesia" title="French Polynesia">French Polynesia</option> <option value="French Southern Territories" label="French Southern Territories" title="French Southern Territories">French Southern Territories</option> <option value="Gabon" label="Gabon" title="Gabon">Gabon</option> <option value="Gambia" label="Gambia" title="Gambia">Gambia</option> <option value="Georgia" label="Georgia" title="Georgia">Georgia</option> <option value="Germany" label="Germany" title="Germany">Germany</option> <option value="Ghana" label="Ghana" title="Ghana">Ghana</option> <option value="Gibraltar" label="Gibraltar" title="Gibraltar">Gibraltar</option> <option value="Greece" label="Greece" title="Greece">Greece</option> <option value="Greenland" label="Greenland" title="Greenland">Greenland</option> <option value="Grenada" label="Grenada" title="Grenada">Grenada</option> <option value="Guadeloupe" label="Guadeloupe" title="Guadeloupe">Guadeloupe</option> <option value="Guam" label="Guam" title="Guam">Guam</option> <option value="Guatemala" label="Guatemala" title="Guatemala">Guatemala</option> <option value="Guernsey" label="Guernsey" title="Guernsey">Guernsey</option> <option value="Guinea" label="Guinea" title="Guinea">Guinea</option> <option value="Guinea-Bissau" label="Guinea-Bissau" title="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana" label="Guyana" title="Guyana">Guyana</option> <option value="Haiti" label="Haiti" title="Haiti">Haiti</option> <option value="Heard and McDonald Islands" label="Heard and McDonald Islands" title="Heard and McDonald Islands">Heard and McDonald Islands</option> <option value="Honduras" label="Honduras" title="Honduras">Honduras</option> <option value="Hong Kong" label="Hong Kong" title="Hong Kong">Hong Kong</option> <option value="Hungary" label="Hungary" title="Hungary">Hungary</option> <option value="Iceland" label="Iceland" title="Iceland">Iceland</option> <option value="India" label="India" title="India">India</option> <option value="Indonesia" label="Indonesia" title="Indonesia">Indonesia</option> <option value="Invalid Country" label="Invalid Country" title="Invalid Country">Invalid Country</option> <option value="Iran" label="Iran" title="Iran">Iran</option> <option value="Iraq" label="Iraq" title="Iraq">Iraq</option> <option value="Ireland" label="Ireland" title="Ireland">Ireland</option> <option value="Isle of Man" label="Isle of Man" title="Isle of Man">Isle of Man</option> <option value="Israel" label="Israel" title="Israel">Israel</option> <option value="Italy" label="Italy" title="Italy">Italy</option> <option value="Jamaica" label="Jamaica" title="Jamaica">Jamaica</option> <option value="Japan" label="Japan" title="Japan">Japan</option> <option value="Jersey" label="Jersey" title="Jersey">Jersey</option> <option value="Jordan" label="Jordan" title="Jordan">Jordan</option> <option value="Kazakhstan" label="Kazakhstan" title="Kazakhstan">Kazakhstan</option> <option value="Kenya" label="Kenya" title="Kenya">Kenya</option> <option value="Kiribati" label="Kiribati" title="Kiribati">Kiribati</option> <option value="Korea North" label="Korea North" title="Korea North">Korea North</option> <option value="Korea South" label="Korea South" title="Korea South">Korea South</option> <option value="Kuwait" label="Kuwait" title="Kuwait">Kuwait</option> <option value="Kyrgyzstan" label="Kyrgyzstan" title="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos" label="Laos" title="Laos">Laos</option> <option value="Latvia" label="Latvia" title="Latvia">Latvia</option> <option value="Lebanon" label="Lebanon" title="Lebanon">Lebanon</option> <option value="Lesotho" label="Lesotho" title="Lesotho">Lesotho</option> <option value="Liberia" label="Liberia" title="Liberia">Liberia</option> <option value="Libya" label="Libya" title="Libya">Libya</option> <option value="Liechtenstein" label="Liechtenstein" title="Liechtenstein">Liechtenstein</option> <option value="Lithuania" label="Lithuania" title="Lithuania">Lithuania</option> <option value="Luxembourg" label="Luxembourg" title="Luxembourg">Luxembourg</option> <option value="Macau" label="Macau" title="Macau">Macau</option> <option value="Macedonia" label="Macedonia" title="Macedonia">Macedonia</option> <option value="Madagascar" label="Madagascar" title="Madagascar">Madagascar</option> <option value="Malawi" label="Malawi" title="Malawi">Malawi</option> <option value="Malaysia" label="Malaysia" title="Malaysia">Malaysia</option> <option value="Maldives" label="Maldives" title="Maldives">Maldives</option> <option value="Mali" label="Mali" title="Mali">Mali</option> <option value="Malta" label="Malta" title="Malta">Malta</option> <option value="Marshall Islands" label="Marshall Islands" title="Marshall Islands">Marshall Islands</option> <option value="Martinique" label="Martinique" title="Martinique">Martinique</option> <option value="Mauritania" label="Mauritania" title="Mauritania">Mauritania</option> <option value="Mauritius" label="Mauritius" title="Mauritius">Mauritius</option> <option value="Mayotte" label="Mayotte" title="Mayotte">Mayotte</option> <option value="Mexico" label="Mexico" title="Mexico">Mexico</option> <option value="Micronesia" label="Micronesia" title="Micronesia">Micronesia</option> <option value="Moldova" label="Moldova" title="Moldova">Moldova</option> <option value="Monaco" label="Monaco" title="Monaco">Monaco</option> <option value="Mongolia" label="Mongolia" title="Mongolia">Mongolia</option> <option value="Montenegro" label="Montenegro" title="Montenegro">Montenegro</option> <option value="Montserrat" label="Montserrat" title="Montserrat">Montserrat</option> <option value="Morocco" label="Morocco" title="Morocco">Morocco</option> <option value="Mozambique" label="Mozambique" title="Mozambique">Mozambique</option> <option value="Myanmar" label="Myanmar" title="Myanmar">Myanmar</option> <option value="Namibia" label="Namibia" title="Namibia">Namibia</option> <option value="Nauru" label="Nauru" title="Nauru">Nauru</option> <option value="Nepal" label="Nepal" title="Nepal">Nepal</option> <option value="Netherlands" label="Netherlands" title="Netherlands">Netherlands</option> <option value="Netherlands Antilles" label="Netherlands Antilles" title="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia" label="New Caledonia" title="New Caledonia">New Caledonia</option> <option value="New Zealand" label="New Zealand" title="New Zealand">New Zealand</option> <option value="Nicaragua" label="Nicaragua" title="Nicaragua">Nicaragua</option> <option value="Niger" label="Niger" title="Niger">Niger</option> <option value="Nigeria" label="Nigeria" title="Nigeria">Nigeria</option> <option value="Niue" label="Niue" title="Niue">Niue</option> <option value="Norfolk Island" label="Norfolk Island" title="Norfolk Island">Norfolk Island</option> <option value="Northern Mariana Islands" label="Northern Mariana Islands" title="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway" label="Norway" title="Norway">Norway</option> <option value="Oman" label="Oman" title="Oman">Oman</option> <option value="Pakistan" label="Pakistan" title="Pakistan">Pakistan</option> <option value="Palau" label="Palau" title="Palau">Palau</option> <option value="Palestinian Territories" label="Palestinian Territories" title="Palestinian Territories">Palestinian Territories</option> <option value="Panama" label="Panama" title="Panama">Panama</option> <option value="Papua New Guinea" label="Papua New Guinea" title="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay" label="Paraguay" title="Paraguay">Paraguay</option> <option value="Peru" label="Peru" title="Peru">Peru</option> <option value="Philippines" label="Philippines" title="Philippines">Philippines</option> <option value="Pitcairn" label="Pitcairn" title="Pitcairn">Pitcairn</option> <option value="Poland" label="Poland" title="Poland">Poland</option> <option value="Portugal" label="Portugal" title="Portugal">Portugal</option> <option value="Puerto Rico" label="Puerto Rico" title="Puerto Rico">Puerto Rico</option> <option value="Qatar" label="Qatar" title="Qatar">Qatar</option> <option value="Reunion" label="Reunion" title="Reunion">Reunion</option> <option value="Romania" label="Romania" title="Romania">Romania</option> <option value="Russian Federation" label="Russian Federation" title="Russian Federation">Russian Federation</option> <option value="Rwanda" label="Rwanda" title="Rwanda">Rwanda</option> <option value="Saint Helena" label="Saint Helena" title="Saint Helena">Saint Helena</option> <option value="Saint Kitts and Nevis" label="Saint Kitts and Nevis" title="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia" label="Saint Lucia" title="Saint Lucia">Saint Lucia</option> <option value="Saint Pierre and Miquelon" label="Saint Pierre and Miquelon" title="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines" label="Saint Vincent and the Grenadines" title="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa" label="Samoa" title="Samoa">Samoa</option> <option value="San Marino" label="San Marino" title="San Marino">San Marino</option> <option value="Sao Tome and Principe" label="Sao Tome and Principe" title="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia" label="Saudi Arabia" title="Saudi Arabia">Saudi Arabia</option> <option value="Senegal" label="Senegal" title="Senegal">Senegal</option> <option value="Serbia" label="Serbia" title="Serbia">Serbia</option> <option value="Serbia and Montenegro" label="Serbia and Montenegro" title="Serbia and Montenegro">Serbia and Montenegro</option> <option value="Seychelles" label="Seychelles" title="Seychelles">Seychelles</option> <option value="Sierra Leone" label="Sierra Leone" title="Sierra Leone">Sierra Leone</option> <option value="Singapore" label="Singapore" title="Singapore">Singapore</option> <option value="Slovak Republic" label="Slovak Republic" title="Slovak Republic">Slovak Republic</option> <option value="Slovenia" label="Slovenia" title="Slovenia">Slovenia</option> <option value="Solomon Islands" label="Solomon Islands" title="Solomon Islands">Solomon Islands</option> <option value="Somalia" label="Somalia" title="Somalia">Somalia</option> <option value="South Africa" label="South Africa" title="South Africa">South Africa</option> <option value="South Georgia and the South Sandwich Islands" label="South Georgia and the South Sandwich Islands" title="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option> <option value="Spain" label="Spain" title="Spain">Spain</option> <option value="Sri Lanka" label="Sri Lanka" title="Sri Lanka">Sri Lanka</option> <option value="Sudan" label="Sudan" title="Sudan">Sudan</option> <option value="Suriname" label="Suriname" title="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen Islands" label="Svalbard and Jan Mayen Islands" title="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option> <option value="Swaziland" label="Swaziland" title="Swaziland">Swaziland</option> <option value="Sweden" label="Sweden" title="Sweden">Sweden</option> <option value="Switzerland" label="Switzerland" title="Switzerland">Switzerland</option> <option value="Syria" label="Syria" title="Syria">Syria</option> <option value="Taiwan" label="Taiwan" title="Taiwan">Taiwan</option> <option value="Tajikistan" label="Tajikistan" title="Tajikistan">Tajikistan</option> <option value="Tanzania" label="Tanzania" title="Tanzania">Tanzania</option> <option value="Thailand" label="Thailand" title="Thailand">Thailand</option> <option value="Timor-Leste" label="Timor-Leste" title="Timor-Leste">Timor-Leste</option> <option value="Togo" label="Togo" title="Togo">Togo</option> <option value="Tokelau" label="Tokelau" title="Tokelau">Tokelau</option> <option value="Tonga" label="Tonga" title="Tonga">Tonga</option> <option value="Trinidad and Tobago" label="Trinidad and Tobago" title="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia" label="Tunisia" title="Tunisia">Tunisia</option> <option value="Turkey" label="Turkey" title="Turkey">Turkey</option> <option value="Turkmenistan" label="Turkmenistan" title="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands" label="Turks and Caicos Islands" title="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu" label="Tuvalu" title="Tuvalu">Tuvalu</option> <option value="Uganda" label="Uganda" title="Uganda">Uganda</option> <option value="Ukraine" label="Ukraine" title="Ukraine">Ukraine</option> <option value="United Arab Emirates" label="United Arab Emirates" title="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom" label="United Kingdom" title="United Kingdom">United Kingdom</option> <option value="Uruguay" label="Uruguay" title="Uruguay">Uruguay</option> <option value="Uzbekistan" label="Uzbekistan" title="Uzbekistan">Uzbekistan</option> <option value="Vanuatu" label="Vanuatu" title="Vanuatu">Vanuatu</option> <option value="Vatican City" label="Vatican City" title="Vatican City">Vatican City</option> <option value="Venezuela" label="Venezuela" title="Venezuela">Venezuela</option> <option value="Vietnam" label="Vietnam" title="Vietnam">Vietnam</option> <option value="Virgin Islands British" label="Virgin Islands British" title="Virgin Islands British">Virgin Islands British</option> <option value="Virgin Islands US" label="Virgin Islands US" title="Virgin Islands US">Virgin Islands US</option> <option value="Wallis and Futuna Islands" label="Wallis and Futuna Islands" title="Wallis and Futuna Islands">Wallis and Futuna Islands</option> <option value="Western Sahara" label="Western Sahara" title="Western Sahara">Western Sahara</option> <option value="Yemen" label="Yemen" title="Yemen">Yemen</option> <option value="Zambia" label="Zambia" title="Zambia">Zambia</option> <option value="Zimbabwe" label="Zimbabwe" title="Zimbabwe">Zimbabwe</option> </select> </div> <div class="user-details--wrapper--input-wrapper alt-email"> <label for="alternate_email" class="invis-accessible-label"> Alternate Email: </label> <input id="alternate_email" type="text" name="alternate_email" aria-disabled="true" value=""/> </div> </div> </div> </div> <div class="webinar-submit-wrapper"> <div> <button type="submit" value="Watch Now" class="button green-solid standard webinar-submit-button">Watch Now</button> </div> </div> </form> <script type="text/x-component"> { "type":"imkt.components.WebinarSignupFormWithConsentBigmarker", "params": { "formId":"webinarForm", "needsConsent":true, "consentKey":"allowPartnerShare", "consentLabel":"<p>Yes, I would like to receive promotional emails including product news, events, and more from <a href=\"/legal/privacy-policy/product-family\">Atlassian<\/a> and <a href=\"/partners\">Atlassian Partners<\/a>.<\/p>\n", "privacyPolicy":"<p>By signing up on this form, I acknowledge Atlassian’s <a href=\"https://www.atlassian.com/legal/privacy-policy\" target=\"_blank\">Privacy Policy<\/a>. <\/p>\n", "gdprId":"gdpr-7cca8311-b073-44de-9758-97ad53beaf72", "site":"bigmarker", "serverError":"There was an error on the server", "saveCookie":"no", "cookieKey":"", "cookieValue":"", "gDPRCountries":{"Austria": "AT", "Belgium": "BE", "Bulgaria": "BG", "Croatia": "HR", "Cyprus": "CY", "Czech Republic": "CZ", "Denmark": "DK", "Estonia": "EE", "Finland": "FI", "France": "FR", "Germany": "DE", "Greece": "EL", "Hungary": "HU", "Ireland": "IE", "Italy": "IT", "Latvia": "LV", "Lithuania": "LT", "Luxembourg": "LU", "Malta": "MT", "Netherlands": "NL", "Poland": "PL", "Portugal": "PT", "Romania": "RO", "Slovakia": "SK", "Slovenia": "SI", "Spain": "ES", "Sweden": "SE", "Canada": "CA", "United Kingdom": "GB"}, "forceShowConsentMessaging":false, "formLabels": { "required":"This field is required", "invalidEmail":"Please enter a valid email address", "missingCompany":"Please enter your company name", "missingJob":"Please enter your title" }, "currLanguage":"en", "addCompanyName":false } } </script> </section> <p>Metalab has been a fully distributed company for more than 18 years — well ahead of the trend. This means their teams excel at collaboration across time zones with both internal team members and clients. Leaders from the Product, Design, and Engineering teams from Metalab will share best practices for building a team culture and productive async work habits at a high level, then narrow in on specific ways their teams use Loom video to collaborate in the day-to-day.</p> <p>We’ll cover:</p> <ul> <li>The basics of introducing Loom video into daily collaboration to reduce meetings</li> <li>Loom for Product Management teams, including practical tips for sharing status updates, streamlining documentation, gathering feedback, and partnering with engineers</li> <li>Loom for Design teams, including working with clients and providing clear feedback</li> </ul> <h3>Speakers</h3> <!-- Assigning the template with the "dialog/compoment data" (content.authors ex:Multi Author Block) --> <!-- from the list of elements available in the culumn block --> <!-- Assigning "page properties data" (page.authors ex:Webinar Hub) if "dialog compoment data" not available --> <div class="imkt-author imkt-author--full imkt-multiauthor-author--full "> <div class="author multiAuthorBlock"> <div class="author-image image-circle"> <img id="" alt="" class="component__image" src="https://wac-cdn-bfldr.atlassian.com/K3MHR9G8/at/wnp89xr4vn7n38qvvh5f9q8r/rach_currie_headshot.png?auto=webp&format=png" loading="lazy" /> </div> <div class="author-info"> <h4 class="imkt-author--full--name">Rach Currie</h4> <p class="imkt-author--full--title author-title">Product Management Director, Metalab</p> <div class="imkt-author--full--description"> <p>Rachel Currie is a Product Management Director at Metalab.</p> </div> </div> </div> </div> <div class="imkt-author imkt-author--full imkt-multiauthor-author--full "> <div class="author multiAuthorBlock"> <div class="author-image image-circle"> <img id="" alt="" class="component__image" src="https://wac-cdn-bfldr.atlassian.com/K3MHR9G8/at/2h896f3qj9gzrnbmrhj9hvr9/thary_headshot.png?auto=webp&format=png" loading="lazy" /> </div> <div class="author-info"> <h4 class="imkt-author--full--name">Thary Chhom</h4> <p class="imkt-author--full--title author-title">Design Lead, Metalab</p> <div class="imkt-author--full--description"> <p>Thary Chhom is a Design Lead at Metalab with experience across marketing, design and technology industries.</p> </div> </div> </div> </div> <div class="imkt-author imkt-author--full imkt-multiauthor-author--full "> <div class="author multiAuthorBlock"> <div class="author-image image-circle"> <img id="" alt="" class="component__image" src="https://wac-cdn-bfldr.atlassian.com/K3MHR9G8/at/3s3qj5gkp95bb9swhx2p9x9g/Anna_Cox_headshot.png?auto=webp&format=png" loading="lazy" /> </div> <div class="author-info"> <h4 class="imkt-author--full--name">Anna Cox</h4> <p class="imkt-author--full--title author-title">Engineering Director, Metalab</p> <div class="imkt-author--full--description"> <p>Anna Cox is an Engineering Director with Metalab who believes collaboration is key to delivering value and shipping top-notch products.</p> </div> </div> </div> </div> <div class="imkt-author imkt-author--full imkt-multiauthor-author--full "> <div class="author multiAuthorBlock"> <div class="author-image image-circle"> <img id="" alt="" class="component__image" src="https://wac-cdn-bfldr.atlassian.com/K3MHR9G8/at/rs5ptpp9x5khqqq4trcbtt/sasha_rapoport_headshot.png?auto=webp&format=png" loading="lazy" /> </div> <div class="author-info"> <h4 class="imkt-author--full--name"> Sasha Rappaport</h4> <p class="imkt-author--full--title author-title">Senior Customer Success Manager, Loom</p> <div class="imkt-author--full--description"> <p>Sasha Rappaport is a senior customer success manager at Loom and Atlassian. He's an async and remote work champion with a background in human-centered design and digital transformation for nonprofit organizations.</p> </div> </div> </div> </div> <!-- Macro | properties: authorNode className --> <!-- authorNode = List of autor-node from stuctured folder | className = string --> </div> </div> </section> </main> <footer id="footer" class="footer footer--wac"> <div class="container-fluid"> <div class="container-fluid"> <div class="row reduced-row"> <div class="component s0 between component--block" id="footer-block-above" style="margin:0;" > <style> footer#footer { background: none; } #footer > .container-fluid > .container-fluid > .row { width: 1200px; margin: auto; max-width: 100%; min-width: auto; } div#bottom-links-footer { padding: 0 40px; } footer#footer.footer.footer--wac .footer-standard-links a { color: #101214; margin-bottom: 24px; } .see-all-footer { padding-top: 30px; } .component--block.left-footer a { font-weight: 600; } .footer .language-selector:before { content: ""; width: 19px; height: 19px; background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAT0SURBVHgBzVg/VxtHEJ/ZI7YQPOcCKI/y/AmsdOkiOndBpauITwB8AlCVlw46dxZdOnCXznKXLnKXLucmDyME6wQLGUu7nt07nW7/nJCwC+Y9/bnd2Zm5mdnZ3yzCHShcW6uBgCog/AQSqwAyVMPpNAfAGFDGIOE1BNjm3W4H5iSclTGMohD+u9qmJQ0yJIK5SBkKTfgmaPPT03imFbMwhStre/SzAxOv3JHIQJAtfnHevJVz2mS4vh7BzeiYhFXhqxIZ+CDYmOY9VjQRrq7+AjfDvwqM4jCTfmj7JygVSHa4+v0mzGOYNkpiC9zQKYOagLjrrtL81hB2QCw81mt0GE01IMWx1uWhwDWK3kLC7x4lhyCW6/zy3z9Ki0vHYBiNMb/obpQWyyo1atmwhB/hITvk3bOT0sNHL2mnfkejVgRws1RejAfX12/yo4bHdE5J8QJc2uW97g7nMQ9XKw1nV4pgI/kdHjie+TRSGwc4P1XGN5QsR7rEA627yDBK9Fdghw/lFu2ig4kQuW1KxZZSmijnHFCYiqVs6FKTkpaFuGXKIJ16k00oC2VaEuxk3OUXvecZT6VSpfDsGxxioT4YXGWbgULyd6lcrtHfKOP5ePNxcN1vT3j6HQr7e/r7NCdpXaXCmE97LHGjKpx5wpbhKW0EmN6S8HLsLXvcGtm2WRLZ8tDmG3s3CeWnUc3MG8oTETQ9CmvGM2Mt8JEYqvF8SQn1MebwjfZtPjpddiaGSdizLDiyPaHDaCY9572zE/CQzjWSYYrETT8fWF5DXT6YR6HKm5YtBEayZiqiA3oaMTyx+H/28umdnPeajJR3mUehP29s4wurekrDYcdRmNudY0p2Mpjog5AL09BlFoWIT4xnBlOhTBqm2Bj8v1/zMtubhXKZ0Vc0k0KJJt8QZzgvpRluKSIvG2E245mcgFS/JNw/4gzuJ4X31TC4r4bxhRTuRtmQwB84d5uHcKXyj8k3fEwbL54iHDQSkTKHVhSs7m05fElz82oygjGVC2kaway6lvFS15On4MHtcFvatY+99/IJC6NJ+ZY5FRwLKrTEt+ZzwdY3ZT2xFMYFfE4tZU7dklD1VWia6FiL/S9gyoqMZ0+NTMCpBbcEthk/P29bqDM74U3mBfvsK3iBnEIbRi8vu8X7ZmhhfoLplOPprrSQQA4XjSk9P02IcnVVnGcaSuX1QZvHMXeNt3CgaoxhXC6cE14p/WBBIc8LOHBp2hwegWv8noMDR0E7M8yLi4TcoePKDKkLZWq+cHobllRhxrNS2Vb9gLlyggMzzK+wNmFulYTrOc6n+dZq0O/Ht+F5RZ72rsUvz44mhute8rlplGoBz+vjJ7PyU2MBdpdNja/pOScke/nWK2lqnPauOZlXnnKaY561gCkZDa/qdkrlpXfgdkvkuaWo9O2jN9S8kmeXGpD3iBBV8tqRNnAkLLideEuFvMQWfqWBfbAJ2TN++e5PYwg85B4lGXusjpV0nZ34++4VFfEHUCeUrGqe/7ZI9a29XssZhgKiPKCrAnwBX3b1NE6L0DuHctdn1FTDtLSQQsNUdz7vRd1tpC5bgrq/t0gomLZc5RzlzmFyWYIRfPHFnfbgb7T7nuW7dx/NftWpvBdQNdeF8w5Xnao4i+UDdTEz0wq4A4Uh9aIKHklCBahrmvrkL4c5bZ4Ozb1WB3dyHs9HnwFJdEGUx9BaTwAAAABJRU5ErkJggg==); } .language-selector { display: flex; gap: 5px; margin-right: 20px; } .footer select#footer-language-selector { background: none; } .column.footer-standard-links > .intra-div { column-gap: 24px; row-gap: 48px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } @media (max-width: 1023px) { .column.footer-standard-links > .intra-div { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .column.footer-standard-links > .intra-div { grid-template-columns: 1fr; } } </style> </div> <div class="column footer-standard-links " style="border-radius:0 0 24px 24px;float:none;" > <div class="intra-div alignItemsStretch justifySpaceBetween wrap no s40 between column__background n10 has-border border-color- padding-24 padding-style-allSides allSides border-radius-15 border-width-0"> <div class="component s0 between component--block left-footer" > <div class="component component--image"> <img id="d8cf6e7a" alt="" class="component__image xs-outerspace-bottom" style="width:26px;height:26px;" src="https://wac-cdn.atlassian.com/dam/jcr:9c4bf443-5045-4ff9-a48d-36ae466f3ced/logos-atlassian-mini-icon-onecolor-blue.svg?cdnVersion=2631" loading="lazy" /> </div> <div class="component component--link-button "> <a href="/company" data-event="clicked" data-uuid="fbf3b54c-4e" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Company" data-label-english="Company" class="component__link default " > Company </a> </div> <div class="component component--link-button "> <a href="/company/careers" data-event="clicked" data-uuid="658e91b4-45" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Careers" data-label-english="Careers" class="component__link default " > Careers </a> </div> <div class="component component--link-button "> <a href="/company/events" data-event="clicked" data-uuid="f547dec4-ee" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Events" data-label-english="Events" class="component__link default " > Events </a> </div> <div class="component component--link-button "> <a href="https://atlassian.com/blog" data-event="clicked" data-uuid="104c1e17-07" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Blogs" data-label-english="Blogs" class="component__link default " > Blogs </a> </div> <div class="component component--link-button "> <a href="https://investors.atlassian.com/" data-event="clicked" data-uuid="8dff4c3d-81" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Investor Relations" data-label-english="Investor Relations" class="component__link default " > Investor Relations </a> </div> <div class="component component--link-button "> <a href="https://www.atlassianfoundation.org/" data-event="clicked" data-uuid="99564f33-ce" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Atlassian Foundation" data-label-english="Atlassian Foundation" class="component__link default " > Atlassian Foundation </a> </div> <div class="component component--link-button "> <a href="/company/contact" data-event="clicked" data-uuid="f40912fd-d4" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Contact us" data-label-english="Contact us" class="component__link default " > Contact us </a> </div> </div> <div class="component flexCol alignItemsBaseline justifyStart noWrap anchorLastItem s0 between component--block" > <div class="component component--heading"> <div class="color-head text-n900"> <h5 class="fnt-wt font-wt-600 fnt-mg font-mgn- fnt-ln font-lnh- heading" > products </h5> </div> </div> <div class="component component--link-button "> <a href="/software/rovo" data-event="clicked" data-uuid="887f4120-85" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Rovo" data-label-english="Rovo" class="component__link default " > Rovo </a> </div> <div class="component component--link-button "> <a href="/software/jira" data-event="clicked" data-uuid="7c6497e9-48" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Jira" data-label-english="Jira" class="component__link default " > Jira </a> </div> <div class="component component--link-button "> <a href="/software/jira-align" data-event="clicked" data-uuid="80aff0eb-ad" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Jira Align" data-label-english="Jira Align" class="component__link default " > Jira Align </a> </div> <div class="component component--link-button "> <a href="/software/jira/service-management" data-event="clicked" data-uuid="0a3a2afd-da" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Jira Service Management" data-label-english="Jira Service Management" class="component__link default " > Jira Service Management </a> </div> <div class="component component--link-button "> <a href="/software/confluence" data-event="clicked" data-uuid="8837ace6-b7" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Confluence" data-label-english="Confluence" class="component__link default " > Confluence </a> </div> <div class="component component--link-button "> <a href="/software/trello" data-event="clicked" data-uuid="6619f65d-b2" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Trello" data-label-english="Trello" class="component__link default " > Trello </a> </div> <div class="component component--link-button "> <a href="https://bitbucket.org/product" data-event="clicked" data-uuid="89700592-1c" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Bitbucket" data-label-english="Bitbucket" class="component__link default " > Bitbucket </a> </div> <div class="component component--link-button see-all-footer "> <a href="/software" data-event="clicked" data-uuid="5e63d93e-26" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="See all products" data-label-english="See all products" class="component__link link-arrow " > See all products<svg class="link-arrow-image" width="11px" height="8px" viewBox="0 0 11 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g class="group-path" transform="translate(-138.000000, -586.000000)" fill="#0052CC"><path d="M145.2803,586.507862 L144.2193,587.568863 L145.9393,589.287862 L138.7503,589.287862 C138.3363,589.287862 138.0003,589.623862 138.0003,590.037862 C138.0003,590.451862 138.3363,590.787862 138.7503,590.787862 L145.9393,590.787862 L144.2193,592.507862 L145.2803,593.568863 L148.8103,590.037862 L145.2803,586.507862 Z"></path></g></g></svg> </a> </div> </div> <div class="component flexCol alignItemsBaseline justifyStart noWrap anchorLastItem s0 between component--block" > <div class="component component--heading"> <div class="color-head text-n900"> <h5 class="fnt-wt font-wt-600 fnt-mg font-mgn- fnt-ln font-lnh- heading" > Resources </h5> </div> </div> <div class="component component--link-button "> <a href="https://support.atlassian.com/" data-event="clicked" data-uuid="e22460f0-ec" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Technical support" data-label-english="Technical support" class="component__link default " > Technical support </a> </div> <div class="component component--link-button "> <a href="/licensing/purchase-licensing" data-event="clicked" data-uuid="fc29565e-9f" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Purchasing & licensing" data-label-english="Purchasing & licensing" class="component__link default " > Purchasing & licensing </a> </div> <div class="component component--link-button "> <a href="https://community.atlassian.com/" data-event="clicked" data-uuid="e94fb789-37" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Atlassian Community" data-label-english="Atlassian Community" class="component__link default " > Atlassian Community </a> </div> <div class="component component--link-button "> <a href="https://confluence.atlassian.com/kb" data-event="clicked" data-uuid="b834bedf-ea" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Knowledge base" data-label-english="Knowledge base" class="component__link default " > Knowledge base </a> </div> <div class="component component--link-button "> <a href="https://marketplace.atlassian.com/" data-event="clicked" data-uuid="45742a09-c9" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Marketplace" data-label-english="Marketplace" class="component__link default " > Marketplace </a> </div> <div class="component component--link-button "> <a href="https://my.atlassian.com/products/index" data-event="clicked" data-uuid="a97e819e-0f" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="My account" data-label-english="My account" class="component__link default " > My account </a> </div> <div class="component component--link-button see-all-footer "> <a href="https://support.atlassian.com/contact/" data-event="clicked" data-uuid="c6ad22a8-4a" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Create support ticket" data-label-english="Create support ticket" class="component__link link-arrow " > Create support ticket<svg class="link-arrow-image" width="11px" height="8px" viewBox="0 0 11 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g class="group-path" transform="translate(-138.000000, -586.000000)" fill="#0052CC"><path d="M145.2803,586.507862 L144.2193,587.568863 L145.9393,589.287862 L138.7503,589.287862 C138.3363,589.287862 138.0003,589.623862 138.0003,590.037862 C138.0003,590.451862 138.3363,590.787862 138.7503,590.787862 L145.9393,590.787862 L144.2193,592.507862 L145.2803,593.568863 L148.8103,590.037862 L145.2803,586.507862 Z"></path></g></g></svg> </a> </div> </div> <div class="component flexCol alignItemsBaseline justifyStart noWrap anchorLastItem s0 between component--block" > <div class="component component--heading"> <div class="color-head text-n900"> <h5 class="fnt-wt font-wt-600 fnt-mg font-mgn- fnt-ln font-lnh- heading" > Learn </h5> </div> </div> <div class="component component--link-button "> <a href="/partners" data-event="clicked" data-uuid="c16e749d-b8" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Partners" data-label-english="Partners" class="component__link default " > Partners </a> </div> <div class="component component--link-button "> <a href="/university" data-event="clicked" data-uuid="21032dda-9c" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Training & certification" data-label-english="Training & certification" class="component__link default " > Training & certification </a> </div> <div class="component component--link-button "> <a href="https://confluence.atlassian.com/display/ALLDOC/Atlassian+Documentation" data-event="clicked" data-uuid="071e1282-f9" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Documentation" data-label-english="Documentation" class="component__link default " > Documentation </a> </div> <div class="component component--link-button "> <a href="/developers" data-event="clicked" data-uuid="9372cc4e-70" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Developer resources" data-label-english="Developer resources" class="component__link default " > Developer resources </a> </div> <div class="component component--link-button "> <a href="/enterprise/success" data-event="clicked" data-uuid="667d04b1-f4" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Enterprise services" data-label-english="Enterprise services" class="component__link default " > Enterprise services </a> </div> <div class="component component--link-button see-all-footer "> <a href="/resources" data-event="clicked" data-uuid="6c951c94-0f" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="See all resources" data-label-english="See all resources" class="component__link link-arrow " > See all resources<svg class="link-arrow-image" width="11px" height="8px" viewBox="0 0 11 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g class="group-path" transform="translate(-138.000000, -586.000000)" fill="#0052CC"><path d="M145.2803,586.507862 L144.2193,587.568863 L145.9393,589.287862 L138.7503,589.287862 C138.3363,589.287862 138.0003,589.623862 138.0003,590.037862 C138.0003,590.451862 138.3363,590.787862 138.7503,590.787862 L145.9393,590.787862 L144.2193,592.507862 L145.2803,593.568863 L148.8103,590.037862 L145.2803,586.507862 Z"></path></g></g></svg> </a> </div> </div> </div> </div> <div class="component component--block" id="bottom-links-footer" > <div class="intra-div flexRow alignContentStretch alignItemsStretch justifySpaceBetween wrap no s16 between flexColSm has-border border-color- padding-40 padding-style-leftRight allSides border-radius-default border-width-0"> <div class="component flexRow alignItemsCenter justifyEnd noWrap no s24 between flexColSm component--block footer-callout-column" style="margin-top:0;" > <div class="component component--heading" style="margin-right:auto;"> <p class="font-xs-14 fnt-wt font-wt- fnt-mg font-mgn-0 fnt-ln font-lnh- heading" > Copyright © 2025 Atlassian </p> </div> </div> <div class="component flexRow alignItemsStretch justifyStart noWrap no s24 between flexColXs component--block footer-callout-column" > <div class="component component--link-button "> <a href="/legal/privacy-policy#what-this-policy-covers" data-event="clicked" data-uuid="2c84a357-37" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Privacy Policy" data-label-english="Privacy Policy" class="component__link default " > Privacy Policy </a> </div> <div class="component component--link-button "> <a href="/trust" data-event="clicked" data-uuid="3927006b-a3" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Terms" data-label-english="Terms" class="component__link default " > Terms </a> </div> <div class="component component--link-button "> <a href="/trust" data-event="clicked" data-uuid="27e098b6-72" data-event-component="linkButton" data-event-container="linkButton" data-schema-version="1" data-label="Impressum" data-label-english="Impressum" class="component__link default " > Impressum </a> </div> <div class="language-selector"> <form action="#" method="GET"> <label for="footer-language-selector" aria-label="Choose language"></label> <select id="footer-language-selector" option="language-selector" name="url" style="width: 3.6rem"> <option disabled>Choose language</option> <option aria-label="Deutsch" aria-label="Deutsch" class="notranslate SL_opaque" data-lang="de" data-width="4rem" value="https://www.atlassian.com/de/webinars/business/how-metalab-makes-remote-work-human-with-loom">Deutsch</option> <option selected aria-label="English" aria-label="English" class="notranslate SL_opaque" data-lang="en" data-width="3.6rem" value="https://www.atlassian.com/webinars/business/how-metalab-makes-remote-work-human-with-loom">English</option> <option aria-label="Español" aria-label="Español" class="notranslate SL_opaque" data-lang="es" data-width="4rem" value="https://www.atlassian.com/es/webinars/business/how-metalab-makes-remote-work-human-with-loom">Español</option> <option aria-label="Français" aria-label="Français" class="notranslate SL_opaque" data-lang="fr" data-width="4.1rem" value="https://www.atlassian.com/fr/webinars/business/how-metalab-makes-remote-work-human-with-loom">Français</option> <option aria-label="Italiano" aria-label="Italiano" class="notranslate SL_opaque" data-lang="it" data-width="3.8rem" value="https://www.atlassian.com/it/webinars/business/how-metalab-makes-remote-work-human-with-loom">Italiano</option> <option aria-label="한국어" aria-label="한국어" class="notranslate SL_opaque" data-lang="ko" data-width="2.9rem" value="https://www.atlassian.com/ko/webinars/business/how-metalab-makes-remote-work-human-with-loom">한국어</option> <option aria-label="Nederlands" aria-label="Nederlands" class="notranslate SL_opaque" data-lang="nl" data-width="5.4rem" value="https://www.atlassian.com/nl/webinars/business/how-metalab-makes-remote-work-human-with-loom">Nederlands</option> <option aria-label="日本語" aria-label="日本語" class="notranslate SL_opaque" data-lang="ja" data-width="3.15rem" value="https://www.atlassian.com/ja/webinars/business/how-metalab-makes-remote-work-human-with-loom">日本語</option> <option aria-label="Polski" aria-label="Polski" class="notranslate SL_opaque" data-lang="pl" data-width="3.1rem" value="https://www.atlassian.com/pl/webinars/business/how-metalab-makes-remote-work-human-with-loom">Polski</option> <option aria-label="Português" aria-label="Português" class="notranslate SL_opaque" data-lang="br" data-width="4.85rem" value="https://www.atlassian.com/br/webinars/business/how-metalab-makes-remote-work-human-with-loom">Português</option> <option aria-label="русский" aria-label="русский" class="notranslate SL_opaque" data-lang="ru" data-width="4.1rem" value="https://www.atlassian.com/ru/webinars/business/how-metalab-makes-remote-work-human-with-loom">русский</option> <option aria-label="中文" aria-label="中文" class="notranslate SL_opaque" data-lang="zh" data-width="2.35rem" value="https://www.atlassian.com/zh/webinars/business/how-metalab-makes-remote-work-human-with-loom">中文</option> </select> <script type="text/x-component"> { "type":"imkt.components.LanguageSelector", "params": { } } </script></form> </div> </div> </div> </div> </div> </div> </div> </footer> <script type="text/x-component"> { "type":"imkt.components.PageLeaveTracking", "params": { } } </script> <script type="text/javascript" src="https://wac-cdn.atlassian.com/static/master/8974/assets/build/js/main.js?cdnVersion=2631"></script> <script type="text/javascript"> (function(){ var imkt = window.imkt = window.imkt || {}; imkt.isEditMode = false; imkt.isProduction = true; imkt.constants = imkt.constants || {}; imkt.constants.rootPath = "/"; imkt.constants.assetPath = "https://wac-cdn.atlassian.com/static/master/8974" + "/assets/"; imkt.constants.libPath = imkt.constants.assetPath + "bower_components/"; imkt.constants.cdnVersionQuery = "?cdnVersion=2631"; imkt.constants.isDevUser = false; imkt.constants.isFreeEnabled = true; imkt.constants.getUserAccounts = false; imkt.constants.headerLoginMenu = true; imkt.constants.public = true; imkt.constants.mobileBreakpoint = 640; })(); </script> <script type="text/x-component"> { "type":"imkt.pages.WACPage", "params": { } } </script> <script> function initializeATLAnalytics() { var pageViewProperties = { contentSite: 'WAC', contentType: 'Website', contentProduct: 'Other' }; /* get url path, convert to dash format and add it to page view properties. */ var originProduct = window.location.pathname; pageViewProperties.originProduct = "wac" + (originProduct === '/' ? "" : originProduct.replace(new RegExp('/', 'g'),"-")); if (typeof ace !== 'undefined') { ace.analytics.Initializer.initWithPageAnalytics('kiv6wyh2nw', pageViewProperties, null, null, window.atlGlobalLoadStart); } window.initializeATLAnalyticsTriggered = true; const initAtlAnalyticsOnloadEvent = new CustomEvent('onLoadExternalJSATLAnalytics', { bubbles: true, cancelable: true, detail: 'Emit onLoad event for ATL Analytics function.' }); document.dispatchEvent(initAtlAnalyticsOnloadEvent); } </script> <script type = "text/javascript"> /** * function to load external js through javascript. * * @param url - javascript url * @param location - location of the dom (e.g. document.head) */ var loadExternalJS = function(url, location, callback){ var scriptTag = document.createElement('script'); scriptTag.src = url; scriptTag.type = 'text/javascript'; /* Then bind the event to the callback function. There are several events for cross browser compatibility. */ scriptTag.onreadystatechange = callback; scriptTag.onload = callback; window.atlGlobalLoadStart = new Date(); /* Fire the loading */ location.appendChild(scriptTag); }; </script> <script type="text/javascript" class="optanon-category-2"> loadExternalJS("https://atl-global.atlassian.com/js/atl-global.min.js", document.body, initializeATLAnalytics); </script> </body> <!-- LastRendered: Mar 29, 2025 12:26:39 AM --> </html>