<a href="/wiki/display/CPDesign/Illustrations">Illustrations</a>

Table of Contents

Overview

The Horizon illustrations have the same name as the previous Quartz ones. (The dot size is added as a new size to Horizon.) The simple style version (to be used for High Contrast themes) has the same name as the default style but with the suffix "-alternate" at the end.

Naming

&#x3C;p&#x3E;&#x3C;div&#x3E; &#x3C;div&#x3E;Illustration&#x3C;/div&#x3E; &#x3C;div&#x3E;Design Naming (Figma)&#x3C;/div&#x3E; &#x3C;div&#x3E;Technical Name - Horizon&#x3C;/div&#x3E; &#x3C;div&#x3E;Technical Name - Horizon High Contrast&#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1838052dff32c025706589c44d131ee1e5cd5c263.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1838052dff32c025706589c44d131ee1e5cd5c263.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1838052dff32c025706589c44d131ee1e5cd5c263.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1838052dff32c025706589c44d131ee1e5cd5c263.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1838052dff32c025706589c44d131ee1e5cd5c263.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Touch ID&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Fingerprint&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Fingerprint&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Fingerprint&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Fingerprint&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Fingerprint-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Fingerprint-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Fingerprint-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Fingerprint-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1889a9eee208cacefa98f09fd85a8dd57111c4e6a.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1889a9eee208cacefa98f09fd85a8dd57111c4e6a.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1889a9eee208cacefa98f09fd85a8dd57111c4e6a.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1889a9eee208cacefa98f09fd85a8dd57111c4e6a.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1889a9eee208cacefa98f09fd85a8dd57111c4e6a.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Rocket&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Mission&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Mission&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Mission&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Mission&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Mission-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Mission-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Mission-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Mission-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_19cc112cf6be9ccc1c65ccc30aa092e331f6003ca.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_19cc112cf6be9ccc1c65ccc30aa092e331f6003ca.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_19cc112cf6be9ccc1c65ccc30aa092e331f6003ca.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_19cc112cf6be9ccc1c65ccc30aa092e331f6003ca.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_19cc112cf6be9ccc1c65ccc30aa092e331f6003ca.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Satellite&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Services&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Services&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Services&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Services&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Services-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Services-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Services-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Services-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1da1cd9bdfca757c7022c70f0f934eacc07cf5c97.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1da1cd9bdfca757c7022c70f0f934eacc07cf5c97.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1da1cd9bdfca757c7022c70f0f934eacc07cf5c97.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1da1cd9bdfca757c7022c70f0f934eacc07cf5c97.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1da1cd9bdfca757c7022c70f0f934eacc07cf5c97.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Radar&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Radar&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Radar&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Radar&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Radar&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Radar-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Radar-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Radar-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Radar-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1bff0a65a93742f04ccf92977e07cc881fee13ba3.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1bff0a65a93742f04ccf92977e07cc881fee13ba3.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1bff0a65a93742f04ccf92977e07cc881fee13ba3.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1bff0a65a93742f04ccf92977e07cc881fee13ba3.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1bff0a65a93742f04ccf92977e07cc881fee13ba3.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Team&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Teams&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Teams&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Teams&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Teams&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Teams-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Teams-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Teams-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Teams-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1cf174eff8620c8ee6aac0389791fc720f5034489.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1cf174eff8620c8ee6aac0389791fc720f5034489.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1cf174eff8620c8ee6aac0389791fc720f5034489.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1cf174eff8620c8ee6aac0389791fc720f5034489.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1cf174eff8620c8ee6aac0389791fc720f5034489.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Planet&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Success&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Success&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Success&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Success&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Success-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Success-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Success-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Success-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1ef08d6442a03e234a5d1ae00984fe01bf4654dd9.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1ef08d6442a03e234a5d1ae00984fe01bf4654dd9.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1ef08d6442a03e234a5d1ae00984fe01bf4654dd9.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1ef08d6442a03e234a5d1ae00984fe01bf4654dd9.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1ef08d6442a03e234a5d1ae00984fe01bf4654dd9.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Session Expiring&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-SessionExpiring&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-SessionExpiring&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-SessionExpiring&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-SessionExpiring&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-SessionExpiring-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-SessionExpiring-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-SessionExpiring-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-SessionExpiring-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_14fa95ead15d2f703ffe364104afe9abee5bebfdb.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_14fa95ead15d2f703ffe364104afe9abee5bebfdb.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_14fa95ead15d2f703ffe364104afe9abee5bebfdb.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_14fa95ead15d2f703ffe364104afe9abee5bebfdb.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_14fa95ead15d2f703ffe364104afe9abee5bebfdb.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Session Expired&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-SessionExpired&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-SessionExpired&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-SessionExpired&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-SessionExpired&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-SessionExpired-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-SessionExpired-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-SessionExpired-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-SessionExpired-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1aa046f24d1871d8cfeeb888173490f63fc042cc8.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1aa046f24d1871d8cfeeb888173490f63fc042cc8.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1aa046f24d1871d8cfeeb888173490f63fc042cc8.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1aa046f24d1871d8cfeeb888173490f63fc042cc8.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1aa046f24d1871d8cfeeb888173490f63fc042cc8.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Components&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Components&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Components&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Components&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Components&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Components-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Components-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Components-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Components-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_14a543c28fc10caf50fb7889260a2ae0e2cd6313b.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_14a543c28fc10caf50fb7889260a2ae0e2cd6313b.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_14a543c28fc10caf50fb7889260a2ae0e2cd6313b.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_14a543c28fc10caf50fb7889260a2ae0e2cd6313b.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_14a543c28fc10caf50fb7889260a2ae0e2cd6313b.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Face ID&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-FaceID&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-FaceID&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-FaceID&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-FaceID&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-FaceID-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-FaceID-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-FaceID-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-FaceID-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1eb52b5cb8176fc990a7455d1263ecc14ffa2f3d6.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1eb52b5cb8176fc990a7455d1263ecc14ffa2f3d6.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1eb52b5cb8176fc990a7455d1263ecc14ffa2f3d6.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1eb52b5cb8176fc990a7455d1263ecc14ffa2f3d6.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1eb52b5cb8176fc990a7455d1263ecc14ffa2f3d6.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Company&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Company&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Company&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Company&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Company&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Company-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Company-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Company-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Company-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_126a3a32a825b66fa9228e54764594bffc2790dbe.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_126a3a32a825b66fa9228e54764594bffc2790dbe.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_126a3a32a825b66fa9228e54764594bffc2790dbe.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_126a3a32a825b66fa9228e54764594bffc2790dbe.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_126a3a32a825b66fa9228e54764594bffc2790dbe.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Tools&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Tools&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Tools&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Tools&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Tools&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Tools-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Tools-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Tools-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Tools-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_15b1bbcf715f2ab6d1e8f6231464da8a84650dfcd.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_15b1bbcf715f2ab6d1e8f6231464da8a84650dfcd.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_15b1bbcf715f2ab6d1e8f6231464da8a84650dfcd.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_15b1bbcf715f2ab6d1e8f6231464da8a84650dfcd.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_15b1bbcf715f2ab6d1e8f6231464da8a84650dfcd.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;207&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;No Users&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-NoUsers&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-NoUsers&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-NoUsers&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-NoUsers&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-NoUsers-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-NoUsers-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-NoUsers-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-NoUsers-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1e10ea04059236ef47939b08c6f7332e04750fe24.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1e10ea04059236ef47939b08c6f7332e04750fe24.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1e10ea04059236ef47939b08c6f7332e04750fe24.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1e10ea04059236ef47939b08c6f7332e04750fe24.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1e10ea04059236ef47939b08c6f7332e04750fe24.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;223&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Passwords&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Secrets&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Secrets&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Secrets&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Secrets&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Secrets-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Secrets-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Secrets-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Secrets-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1dac47af344fff1c10c7e4125f84b75bceda5f99f.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1dac47af344fff1c10c7e4125f84b75bceda5f99f.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1dac47af344fff1c10c7e4125f84b75bceda5f99f.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1dac47af344fff1c10c7e4125f84b75bceda5f99f.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1dac47af344fff1c10c7e4125f84b75bceda5f99f.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Lock&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Lock&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Lock&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Lock&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Lock&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Lock-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Lock-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Lock-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Lock-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1497a1b5c8125ce8a54b9842137ddff9d87b427ad.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1497a1b5c8125ce8a54b9842137ddff9d87b427ad.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1497a1b5c8125ce8a54b9842137ddff9d87b427ad.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1497a1b5c8125ce8a54b9842137ddff9d87b427ad.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1497a1b5c8125ce8a54b9842137ddff9d87b427ad.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Unlock&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Unlock&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Unlock&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Unlock&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Unlock&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Unlock-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Unlock-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Unlock-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Unlock-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_100445dda5eaf84bc28724fece10440aa28b3e24b.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_100445dda5eaf84bc28724fece10440aa28b3e24b.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_100445dda5eaf84bc28724fece10440aa28b3e24b.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_100445dda5eaf84bc28724fece10440aa28b3e24b.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_100445dda5eaf84bc28724fece10440aa28b3e24b.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Systems&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Systems&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Systems&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Systems&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Systems&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-Systems-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-Systems-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-Systems-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-Systems-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_10f7bc84d74b31a6b9b8f51698e8d7552bae99074.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_10f7bc84d74b31a6b9b8f51698e8d7552bae99074.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_10f7bc84d74b31a6b9b8f51698e8d7552bae99074.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_10f7bc84d74b31a6b9b8f51698e8d7552bae99074.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_10f7bc84d74b31a6b9b8f51698e8d7552bae99074.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;External Link&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ExternalLink&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ExternalLink&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ExternalLink&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ExternalLink&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ExternalLink-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ExternalLink-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ExternalLink-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ExternalLink-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_11dbc4f4c877cec5a4573234b8d8d731ebddf2f1e.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_11dbc4f4c877cec5a4573234b8d8d731ebddf2f1e.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_11dbc4f4c877cec5a4573234b8d8d731ebddf2f1e.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_11dbc4f4c877cec5a4573234b8d8d731ebddf2f1e.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_11dbc4f4c877cec5a4573234b8d8d731ebddf2f1e.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;No Applications&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-NoApplications&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-NoApplications&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-NoApplications&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-NoApplications&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-NoApplications-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-NoApplications-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-NoApplications-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-NoApplications-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1b7944c14918c7caf693e6c04c721dc6dd8c7da7f.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1b7944c14918c7caf693e6c04c721dc6dd8c7da7f.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1b7944c14918c7caf693e6c04c721dc6dd8c7da7f.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1b7944c14918c7caf693e6c04c721dc6dd8c7da7f.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1b7944c14918c7caf693e6c04c721dc6dd8c7da7f.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;223&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;No Flows&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-NoFlows&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-NoFlows&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-NoFlows&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-NoFlows&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-NoFlows-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-NoFlows-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-NoFlows-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-NoFlows-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_11ddc7bdf5d99657f9c55f6cd8ded25dcaa33f294.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_11ddc7bdf5d99657f9c55f6cd8ded25dcaa33f294.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_11ddc7bdf5d99657f9c55f6cd8ded25dcaa33f294.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_11ddc7bdf5d99657f9c55f6cd8ded25dcaa33f294.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_11ddc7bdf5d99657f9c55f6cd8ded25dcaa33f294.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;QR Code Placeholder&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-CodePlaceholder&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-CodePlaceholder&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-CodePlaceholder&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-CodePlaceholder&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-CodePlaceholder-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-CodePlaceholder-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-CodePlaceholder-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-CodePlaceholder-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1780746dab245df5ff5940238f679614af76e8333.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1780746dab245df5ff5940238f679614af76e8333.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1780746dab245df5ff5940238f679614af76e8333.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1780746dab245df5ff5940238f679614af76e8333.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1780746dab245df5ff5940238f679614af76e8333.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;229&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Successful Sign In&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-SuccessfulAuth&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-SuccessfulAuth&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-SuccessfulAuth&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-SuccessfulAuth&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-SuccessfulAuth-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-SuccessfulAuth-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-SuccessfulAuth-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-SuccessfulAuth-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1118cba8012193262b3ba093429ec897b288bf1a9.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1118cba8012193262b3ba093429ec897b288bf1a9.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1118cba8012193262b3ba093429ec897b288bf1a9.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1118cba8012193262b3ba093429ec897b288bf1a9.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1118cba8012193262b3ba093429ec897b288bf1a9.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;229&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Unsuccessful Sign In&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-UnSuccessfulAuth&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-UnSuccessfulAuth&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-UnSuccessfulAuth&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-UnSuccessfulAuth&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-UnSuccessfulAuth-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-UnSuccessfulAuth-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-UnSuccessfulAuth-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-UnSuccessfulAuth-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1db5a86d4473fe42e59fc1f7c58721fb987933062.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1db5a86d4473fe42e59fc1f7c58721fb987933062.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1db5a86d4473fe42e59fc1f7c58721fb987933062.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1db5a86d4473fe42e59fc1f7c58721fb987933062.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1db5a86d4473fe42e59fc1f7c58721fb987933062.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Flow Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartFlow&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartFlow&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartFlow&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartFlow&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartFlow-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartFlow-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartFlow-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartFlow-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_100541ed7bb4c056a8df470772f699278a2bd2a00.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_100541ed7bb4c056a8df470772f699278a2bd2a00.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_100541ed7bb4c056a8df470772f699278a2bd2a00.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_100541ed7bb4c056a8df470772f699278a2bd2a00.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_100541ed7bb4c056a8df470772f699278a2bd2a00.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;BPMN Flow Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartBPMNFlow&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartBPMNFlow&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartBPMNFlow&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartBPMNFlow&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartBPMNFlow-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartBPMNFlow-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartBPMNFlow-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartBPMNFlow-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_12996b09433e0006425295322fec84d329397da8c.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_12996b09433e0006425295322fec84d329397da8c.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_12996b09433e0006425295322fec84d329397da8c.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_12996b09433e0006425295322fec84d329397da8c.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_12996b09433e0006425295322fec84d329397da8c.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Pie Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartPie&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartPie&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartPie&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartPie&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartPie-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartPie-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartPie-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartPie-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1c708f9091b7ce4a526f304e6b2d5542e4fb0258c.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1c708f9091b7ce4a526f304e6b2d5542e4fb0258c.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1c708f9091b7ce4a526f304e6b2d5542e4fb0258c.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1c708f9091b7ce4a526f304e6b2d5542e4fb0258c.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1c708f9091b7ce4a526f304e6b2d5542e4fb0258c.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Doughnut Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartDoughnut&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartDoughnut&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartDoughnut&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartDoughnut&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartDoughnut-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartDoughnut-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartDoughnut-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartDoughnut-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1172c8fbe0f024ef142535015834e114fa4876d44.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1172c8fbe0f024ef142535015834e114fa4876d44.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1172c8fbe0f024ef142535015834e114fa4876d44.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1172c8fbe0f024ef142535015834e114fa4876d44.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1172c8fbe0f024ef142535015834e114fa4876d44.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Org Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartOrg&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartOrg&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartOrg&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartOrg&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartOrg-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartOrg-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartOrg-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartOrg-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1235b164ca56f5d62ac6c60ab12aca65d5f729768.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1235b164ca56f5d62ac6c60ab12aca65d5f729768.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1235b164ca56f5d62ac6c60ab12aca65d5f729768.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1235b164ca56f5d62ac6c60ab12aca65d5f729768.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1235b164ca56f5d62ac6c60ab12aca65d5f729768.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;224&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Gantt Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartGantt&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartGantt&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartGantt&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartGantt&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartGantt-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartGantt-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartGantt-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartGantt-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_16064bc60c1e747c3486f80e31ad3937e1571092b.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_16064bc60c1e747c3486f80e31ad3937e1571092b.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_16064bc60c1e747c3486f80e31ad3937e1571092b.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_16064bc60c1e747c3486f80e31ad3937e1571092b.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_16064bc60c1e747c3486f80e31ad3937e1571092b.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Bullet Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartBullet&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartBullet&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartBullet&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartBullet&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartBullet-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartBullet-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartBullet-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartBullet-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_11706fc445fc5169526ee1c8a330d5fbc30cdc8fe.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_11706fc445fc5169526ee1c8a330d5fbc30cdc8fe.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_11706fc445fc5169526ee1c8a330d5fbc30cdc8fe.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_11706fc445fc5169526ee1c8a330d5fbc30cdc8fe.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_11706fc445fc5169526ee1c8a330d5fbc30cdc8fe.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Bar Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartBar&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartBar&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartBar&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartBar&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartBar-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartBar-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartBar-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartBar-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_14e4446b89f921b31bdf5f6923da05b68a466009c.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_14e4446b89f921b31bdf5f6923da05b68a466009c.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_14e4446b89f921b31bdf5f6923da05b68a466009c.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_14e4446b89f921b31bdf5f6923da05b68a466009c.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_14e4446b89f921b31bdf5f6923da05b68a466009c.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Line Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartArea&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartArea&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartArea&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartArea&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartArea-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartArea-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartArea-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartArea-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_1792e4f2bfefe309eba422c8843e2afe82ce5d2bc.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_1792e4f2bfefe309eba422c8843e2afe82ce5d2bc.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_1792e4f2bfefe309eba422c8843e2afe82ce5d2bc.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_1792e4f2bfefe309eba422c8843e2afe82ce5d2bc.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_1792e4f2bfefe309eba422c8843e2afe82ce5d2bc.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Area Chart&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartArea2&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartArea2&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartArea2&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartArea2&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-ChartArea2-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-ChartArea2-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-ChartArea2-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-ChartArea2-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;div&#x3E; &#x3C;picture&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;/content/dam/sapcom/design-system/btp/foundations/design-language/illustrations/media1_19f627afa9eea48a2d0074f8bc0b10bd74e03688a.png?width=2000&#x26;format=webply&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;source type=&#x22;image/webp&#x22; srcset=&#x22;./media_19f627afa9eea48a2d0074f8bc0b10bd74e03688a.png?width=750&#x26;format=webply&#x26;optimize=medium&#x22;&#x3E; &#x3C;source type=&#x22;image/png&#x22; srcset=&#x22;./media_19f627afa9eea48a2d0074f8bc0b10bd74e03688a.png?width=2000&#x26;format=png&#x26;optimize=medium&#x22; media=&#x22;(min-width: 600px)&#x22;&#x3E; &#x3C;img loading=&#x22;lazy&#x22; alt=&#x22;&#x22; src=&#x22;&#x3C;a href=&#x22;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media%5C_19f627afa9eea48a2d0074f8bc0b10bd74e03688a.png?width=750%5C&#x26;format=png%5C&#x26;optimize=medium&#x22;&#x3E;https://www.sap.com/design-system/btp/foundations/design-language/illustrations/media_19f627afa9eea48a2d0074f8bc0b10bd74e03688a.png?width=750&#x26;format=png&#x26;optimize=medium&#x3C;/a&#x3E;&#x22; width=&#x22;300&#x22; height=&#x22;225&#x22;&#x3E; &#x3C;/picture&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E;Empty Content Pane&#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-EmptyContentPane&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-EmptyContentPane&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-EmptyContentPane&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-EmptyContentPane&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;div&#x3E; &#x3C;p&#x3E;tnt-Scene-EmptyContentPane-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dialog-EmptyContentPane-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Spot-EmptyContentPane-alternate&#x3C;/p&#x3E; &#x3C;p&#x3E;tnt-Dot-EmptyContentPane-alternate&#x3C;/p&#x3E; &#x3C;/div&#x3E; &#x3C;/div&#x3E;&#x3C;/p&#x3E;