Logotype
The Logotype component provides a reusable pattern for logotype in the interface.
Logotype
<figure class="c-logotype" data-uid="6a79dcd2b9973" data-component="logotype">
<img src=
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjIxLjYyIDUzLjQyIDEyMjguNTMgMzI4LjU5IiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjcyIj4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTMxMC4yMjggMzU0Yy0xOC4wNjEgMjMuODk4LTQxLjU3IDMyLjgtNzAuODMzIDI1LjU2OC01Ljk2Ni0xLjQ3NC0xMS43NzYtMy41NzgtMTcuNzM3LTUuMDc1LTMuNTUtLjg5Mi00LjU3Ni0yLjctNC41NTctNi4zMjMuMTE3LTIzLjE1OC0uMDE2LTQ2LjMxOC0uMDgyLTY5LjQ3Ny0uMDA3LTIuNDk4LS4wNS01LS4xNzUtNy40OTQtLjMwNC02LjEzNS0zLjM0Ny05Ljk5My05LjM4Ny0xMC4xMzJhOTg1Ljg1NiA5ODUuODU2IDAgMCAwLTQ0LjQ2Ni0uMDIyYy02LjI2NS4xMzgtOS40NzggMy45NjMtOS41OCAxMC40NzgtLjIzIDE0LjgyNS0uMjA3IDI5LjY1NS0uMzA4IDQ0LjQ4Mi0uMDA4IDEuMjY2LS4xNzQgMi41My0uMzM5IDQuNzY2LTcuMTEyLTQuMjQtMTMuNjgzLTguMDI5LTIwLjA2Ni0xMi4xMTEtLjkxNC0uNTg1LTEuMjgzLTIuNTktMS4yODktMy45NDItLjA4Mi0xOC4zMjctLjEwNy0zNi42NTUuMDM1LTU0Ljk4MS4wMTItMS41ODYuODg0LTMuNjMyIDIuMDU4LTQuNjczIDMyLjI4LTI4LjYyMiA2NC42OS01Ny4wOTggOTYuOTU0LTg1Ljc0IDMuNjU4LTMuMjQ3IDUuOTc5LTMuNDA5IDkuODQuMDM1IDMxLjgyOSAyOC4zOCA2My45MSA1Ni40NzcgOTUuNzk2IDg0Ljc5MyAxLjQ4NiAxLjMyIDIuMjM2IDMuODQgMi42MjIgNS45My40NDYgMi40MTgtLjE3OCA1LjAxOC4xNTUgNy40NzMgMi41MjMgMTguNi0zLjY4NCAzNS4wMzQtMTIuNDY0IDUwLjgzMy0zLjA3IDUuNTI1LTYuMjk2IDEwLjk2My05LjgzIDE2LjkwNS0uODA2IDEuMTk2LTEuMjM1IDEuOTI2LTEuNjYzIDIuNjU3IDAgMCAuMDc3LjAyNy0uMzE5LS4yMS0uNDQtNC41NjItLjUwNy04Ljg4Ni0uNTIzLTEzLjIxLS4wNTMtMTQuMTQyLjAwMi0yOC4yODUtLjE3LTQyLjQyNi0uMDc5LTYuNTYtMy4xMTYtMTAuNzM3LTguNjUyLTEwLjg1MWExNzYxLjM5MiAxNzYxLjM5MiAwIDAgMC01NC4zOTItLjI3OGMtNS43ODcuMDYtOS44IDQuMzc2LTkuODQ0IDkuOTA4LS4xNDMgMTcuOC0uMTQ3IDM1LjYwMy4wMDQgNTMuNDA0LjA0NyA1LjY1NCAzLjc4NCA5LjU1NiA5LjM4MyA5LjYwNyAxNy45NjQuMTYyIDM1LjkzMi4wMTggNTMuODk5LjAwMiAxLjk3Ni0uMDAxIDMuOTUzLjA2OCA1LjkzLjEwNHpNMjM2LjA1IDg3Ljk2NWM0Ljc4OSA4LjgxIDcuMzQzIDE3LjgxNSA3LjI3NCAyNy41NS0uMDg2IDEyLjEyMS0uMDIgMjQuMjQ0LS4wMiAzNy4xOTUtOS4wNzQtNy4yNzQtMTQuODktLjQ3Ny0yMS4wNjMgNC44OS04LjY1MSA3LjUyMS0xNy4yNzQgMTUuMDc1LTI2Ljg2IDIzLjQ0NS0uMTU3LTIuNjA0LS4zMDgtNC4xMzktLjMzMy01LjY3NS0uMjc4LTE3LjE2My0uNDY5LTM0LjMyOC0uODQtNTEuNDg4LS4xMTItNS4xMzUtMy4xNTUtOC43NzctNy42NjMtOS44My00LjgtMS4xMi04LjY5My41NTgtMTEuMTgzIDQuNjExLTEuMTQyIDEuODYtMS41NjcgNC4zODMtMS42NTIgNi42My0uMzE0IDguMzI1LS4zNDIgMTYuNjYtLjQ5OSAyNC45OTItLjAzIDEuNjA3LS4xNTYgMy4yMTItLjI5IDUuODM3LTIuNjgtMi4zNTQtNC42NDItNC4yMy02Ljc2LTUuOTA4LTUuNC00LjI3Ni0xMS40MjUtNC4zMjktMTUuMzk5LS4yNDMtMy43NjYgMy44NzItMy44MTQgMTAuNTk3LjU1OSAxNS40MjIgNi4xNDkgNi43ODUgMTIuNzIgMTMuMTg4IDE5LjExOCAxOS43NDcgNC4yNyA0LjM4IDQuMDQ4IDE0LjU5OC0uNTIzIDE4LjY3LTEwLjA1MyA4Ljk1My0yMC4xNjMgMTcuODQzLTMxLjQxIDI3Ljc4NC0yLjg4LTUuODIzLTYuNDQ2LTEwLjY3OC03LjcyMy0xNi4wNzUtMy4yNTMtMTMuNzQ4LTUuNTYtMjcuNjUzLTUuMTM1LTQxLjk5MS41ODUtMTkuNjUuMTE5LTM5LjMzLjM4My01OC45OTIuNDItMzEuMTk2IDI0LjgyMS01MS4wOSA0NS4yNzgtNTUuMjcxIDI2Ljc5Ni01LjQ3NyA1MC4wMDYgNS4wNTIgNjQuNzQyIDI4Ljd6TTQ0MC40OTQgMjEzdi01My43MjVjOC40MTMgMCAxNi4yMTktLjIwNyAyMy45OTQuMTg4IDEuNDE5LjA3MiAzLjI2IDIuMzYgMy45ODIgNC4wMjUgMTEuMDYgMjUuNDg1IDIxLjk2NCA1MS4wMzcgMzIuOTE5IDc2LjU2OC42MjUgMS40NTcgMS4zNzggMi44NiAyLjUyIDUuMjEyIDQuMjg4LTEwLjAwNiA4LjE5MS0xOS4xMDkgMTIuMDktMjguMjE1IDcuNjU4LTE3Ljg5IDE1LjQwNy0zNS43NDMgMjIuODg0LTUzLjcwOSAxLjMwOS0zLjE0NCAyLjg3LTQuMjczIDYuMjQtNC4xNSA3LjExMi4yNTggMTQuMjQuMDc4IDIxLjU5Ny4wNzh2MTE1LjU4MWgtMjIuOTU3VjIwMi42OGwtMS4wMzUtLjMzNmMtLjc3NCAxLjY4LTEuNjA4IDMuMzM0LTIuMzEyIDUuMDQzLTguNzQ1IDIxLjIyLTE3LjU0MiA0Mi40MjEtMjYuMTI0IDYzLjcwOC0xLjI0NCAzLjA4Ny0yLjY0MyA0LjQ3Mi02LjEwNSA0LjE5My00LjI4OC0uMzQ1LTguNjI2LS4wODItMTMuMTQ1LS4wODJsLTMwLjIxMi03Mi44NS0uOS4wODJ2NzIuNDg1aC0yMy40MzZWMjEzek0yNjUuNDAyIDE1Ni45OTRjLS4xMzEtMTQuODMuMTIyLTI5LjE3Ni0uNDgyLTQzLjQ4Ny0uOTM0LTIyLjEzNC05LjY1LTQwLjkxNS0yNS44NzUtNTYuMTE0LTEuMDgtMS4wMTItMi4yLTEuOTgtNC40MjEtMy45NzMgMTkuMTI1Ljc2IDM2LjcxMyAyLjc5IDU0LjM4NiA3LjI0LTkuMDg4IDIyLjAwMS03LjA5OSA0MS44MjcgMTAuODkzIDU4LjA5MiAxNS41NDIgMTQuMDUgMzMuNDk5IDE0LjUyNSA1Mi44OCA3LjQ2NSAxMC43ODcgNDEuMjUgMTAuMTUzIDgyLjU0IDEuMDk0IDEyNC40NTctNi4wNDUtNC40NjgtMTEuMzUyLTguMDM2LTEwLjg2LTE3LjEyNi44NDctMTUuNjEyLjE1LTMxLjMxNi0uMTM0LTQ2Ljk3Ny0uMTI1LTYuODczLTMuMzgyLTEwLjUxOC05LjA3NC0xMS4xMzQtNi40MjUtLjY5NS0xMS4zNTcgMy42MDUtMTEuNjQ2IDEwLjY4NS0uNDMgMTAuNDg4LS41MTUgMjAuOTktLjc1NyAzMS40ODUtLjAyNiAxLjEzLS4xMiAyLjI2LS4yNCA0LjQxOS01LjQ2LTQuNzc2LTEwLjI4OS04Ljk1OC0xNS4wNzEtMTMuMTkyLTEyLjEwMy0xMC43MTMtMjQuMDk1LTIxLjU1NC0zNi4zMzctMzIuMTA1LTMuMTcyLTIuNzMzLTQuOTU3LTUuNDQtNC40MzEtOS43NDYuMzgtMy4xMi4wNzQtNi4zMjQuMDc1LTkuOTg5ek0xMDUuMjkgMTk5LjY2NWM1LjIyMyAxOC4xODkgNS4xOTggMzYuMjU4IDIuNDYgNTQuMzU3LS40NzkgMy4xNjgtMi41ODcgNi4zNC00LjY0OSA4Ljk1My0yLjQ1MiAzLjEwOC01Ljg0MSA1LjQ1Ni04LjUwNiA4LjQyLTMuMzUgMy43MjUtNC4wNDIgOS4yNjktLjU0IDEyLjIyIDUuNDE0IDQuNTYzIDMuMDkgOC40NjEuNDQzIDEyLjc5NS0uNTEyLjgzNy0xLjEyMyAxLjYxMy0yLjA5IDIuOTg4LTIuOTg4LTIuNjYzLTUuODQ0LTUuMDgtOC41NTktNy42NDctMTguNDA2LTE3LjM5NS0zNC4wMjUtMzYuOTI1LTQ2LjM3OC01OS4xMzEtMy45MTYtNy4wMzktNC42ODctMTMuODIxLTMuMTUtMjEuNDcyIDUuMDE3LTI0Ljk3IDE1LjY1LTQ3LjYzOCAyOC4wNDUtNjkuNjA4IDIuNjA0LTQuNjE2IDUuNDM4LTkuMTAzIDguNzE1LTE0LjU2NiAxNC45NiAyMi45ODkgMjYuNzk5IDQ2LjU0NiAzNC4yMDkgNzIuNjl6TTEwNjAuNDc2IDI3Ni40MjJjLTEzLjc1IDEuMTUyLTI0LjkzLTMuMTg4LTM0LjU1NC0xNC4wNDJ2NTYuMzE2aC0yMy4wNHYtMTM1LjI3aDIyLjczNXYxMS43MDhjLjkxOS0uMzM1IDEuNDE1LS4zNjMgMS42NTktLjYyNiAxMS4zODYtMTIuMzA2IDI1LjUxNS0xNS41MDMgNDEuMDc0LTEwLjk3MiAxNi4wNDIgNC42NyAyNS4wOTQgMTYuNTQzIDI4LjQ3OCAzMi40ODMgMi45MDkgMTMuNzA3IDEuODU2IDI3LjIwOC01LjI1MyAzOS43MTYtNi43ODYgMTEuOTM5LTE2Ljk1NCAxOC45NDYtMzEuMDk5IDIwLjY4N200Ljc4Ni0yNS41ODVjOS40MjItOC44MzEgMTEuMzktMTkuNzA1IDcuODg2LTMxLjU4NS0yLjctOS4xNTctOS4wOTItMTUuMTg0LTE4LjYyMi0xNi44NDYtOS42NS0xLjY4My0xNy43MjggMS41NjgtMjMuNjY0IDkuNTQzLTQuNDEgNS45MjItNS40MjUgMTIuNzE2LTQuOTgyIDE5Ljg4Ni42IDkuNjk0IDQuNzA3IDE3LjM4MiAxMy40NDggMjEuODUxIDguNzgyIDQuNDkxIDE3LjM4MyAzLjQ0IDI1LjkzNC0yLjg0OXpNMTIxNC4yNDIgMjc1LjI1OWMtMjQuNjA1IDQuOTctNDUuOTQ3LTQuNjk0LTU0LjY2OC0yNC44MzItOS41NzQtMjIuMTA2LTQuNzI0LTU2Ljg0NiAyOC41Ny02Ni43MjUgMjIuNTE0LTYuNjggNDUuODUzIDIuNDc5IDU2LjI1NyAyMS45MjMgMTAuNjQ1IDE5Ljg5NSA2LjIyNCA0Ni4zNi0xMC44NyA1OS45NC01LjQyMiA0LjMwNi0xMi41MzggNi40NzgtMTkuMjg5IDkuNjk0bS00LjE5NC03Mi4xNzhjLTE0Ljk5OC00LjI0OC0yNy44MjEgMy4zMTMtMzAuNjA5IDE4LjQ5Ni0uODI3IDQuNTA5LS43OTQgOS4zNDItLjIxNiAxMy45MDkgMS4xODggOS4zOCA1Ljc0NSAxNi43NSAxNS4yMDYgMTkuNzQgOC44NzYgMi44MDUgMTcuMTMgMS4xNzggMjQuMTAxLTUuMjYxIDExLjAzNC0xMC4xOTIgMTEuNzE1LTM5LjMzNC04LjQ4Mi00Ni44ODR6TTY3Ni45NTggMjAwLjAwMnY3NC44M0g2NTMuODVsLS40Mi04LjY4MWMtNi4xMTEgMy4wNzEtMTEuNzU3IDcuMTUtMTguMDQ0IDguODM2LTE4LjQ3NiA0Ljk1NS00My45OTgtMi44MzQtNDUuNzQtMzMuNjk3LTEuMDc3LTE5LjA4LS4yLTM4LjI3Mi0uMi01Ny43OTVoMjMuMDE4djUuMTQ0Yy4wMDcgMTUuNDk5LS4xNjcgMzEgLjA3MyA0Ni40OTcuMjM4IDE1LjI4NyA5Ljg4IDIzLjMwNSAyNC44NiAyMS4xMjcgOC45OTgtMS4zMDggMTUuNDQzLTcuOTIyIDE1Ljc4NS0xNy44Ny41NjItMTYuMzEzLjM0Ni0zMi42NTIuNDUzLTQ4Ljk4LjAxMy0xLjk2Mi4wMDItMy45MjUuMDAyLTYuMDkyaDIzLjMyMXYxNi42ODF6TTcyMC44NDMgMjc1LjIxMWMtNy4xMi4wMS0xMy43NTQuMDEtMjAuNjUxLjAxdi05MS44MWgyMi42OTd2MTAuNTM2YzEuODc5LTEuNTE3IDIuOTU3LTIuMzI1IDMuOTY1LTMuMjExIDEzLjQ4NC0xMS44NTYgMzUuMTEzLTExLjk4OSA0OC42ODMtLjI2IDguMjYzIDcuMTQzIDExLjYxMiAxNi43MTcgMTEuOTAzIDI3LjEyNy40OSAxNy40NzguMjAxIDM0Ljk3OC4yMzkgNTIuNDY5LjAwMyAxLjQ3NSAwIDIuOTUgMCA0Ljc4N2gtMjMuNDA0YzAtMy44OTYuMDA1LTcuNjg3LS4wMDEtMTEuNDc3LS4wMjItMTMuODI3LjEyMy0yNy42NTctLjEyLTQxLjQ4LS4yMjEtMTIuNDk4LTcuODU5LTIwLjE2NC0xOS44MjgtMjAuNDYzLTEyLjEwNS0uMzAzLTIwLjY2NyA3LjMzOS0yMS4wMjMgMTkuODUyLS40NjkgMTYuNDgtLjE2IDMyLjk4LS4zMjcgNDkuNDctLjAxNSAxLjQ4Ni0xLjA3MyAyLjk2MS0yLjEzMyA0LjQ1ek05MTkuMjUgMjE0LjE4N2gtNC43OTRjLTUuNTEtMTAuMTItMTIuNDU3LTE0LjE1MS0yMS43LTEyLjc2NC05LjU4MyAxLjQzOC0xNi4xMiA3LjMwMy0xNy43MjkgMTguMjM5LTEuMDQgNy4wNzUtLjgzMiAxNC42OTYuNjQzIDIxLjY4NyAxLjg2IDguODExIDguMDkgMTQuNTE0IDE3LjUwNyAxNS4zNTUgOC44MTIuNzg3IDE2LjA5Ni0xLjgwOSAyMC4yMDgtMTAuNDkzLjQ3LS45OTMgMi4xNTctMS45NjUgMy4zMDQtMS45OTQgNy4xMzYtLjE4MiAxNC4yNzktLjA5MiAyMi4xMDgtLjA5Mi0yLjU1NCAxMS4zNjItOC40MTggMTkuODcxLTE3LjcyNSAyNS43Ni0yMi42MjYgMTQuMzEyLTY2LjcwNiA4LjExNS03MC40My0zNS4wMjQtMS4yMTQtMTQuMDY3IDEuMDk4LTI3LjMxNCAxMC43NDEtMzguMzA5IDExLjk2Ny0xMy42NDMgMjcuNTI1LTE2LjcyMyA0NC41Ni0xMy44OTggMTYuMjQ1IDIuNjk0IDI2Ljg0NyAxMi4zNzUgMzIuMDU0IDI3Ljk2OS4zMS45MjguNDM1IDEuOTE3Ljc5NiAzLjU2NEg5MTkuMjV6Ii8+IDxwYXRoIGZpbGw9IiMyYjM1NmMiIGQ9Ik0xMTUuNTM0IDc1LjY3N2MtNi45MTggMTEuMzQ3LTEwLjY3MiAyMy4yODYtMTAuODYyIDM2LjI0MS0uMTI0IDguNDIyLS4wMjMgMTYuODQ2LS4wMjMgMjUuMjdsLTEuOTI4LjRjLS44NjUtMS40NjItMS42OTgtMi45NDMtMi42LTQuMzgxLTYuMTktOS44NjYtMTIuMTE2LTE5LjkxNC0xOC42NzctMjkuNTI3LTYuMzU1LTkuMzEtMTMuNzUyLTkuMzMtMjAuMzQtLjA4OC0xNC41MzcgMjAuMzk2LTI2LjcxMSA0Mi4xNDYtMzYuMjE3IDY1LjM1My0uODAxIDEuOTU3LTEuNjM1IDMuOTAxLTIuNTk4IDYuMTk0LTcuODAxLTQ2LjI1NCA1My44Mi0xMTMuNjU0IDEwNy42NjMtMTE4LjMxNGE2Mzk3LjgwNyA2Mzk3LjgwNyAwIDAgMC0xNC40MTggMTguODUyek04MDkuNzMgMjMydi00OC42MThoMjIuODc0djkxLjU5M0g4MDkuNzNWMjMyek05NTYuMDA5IDI1MXYtNjcuNTk0aDIyLjgzOHY5MS41NDJoLTIyLjgzOFYyNTF6TTExMTUuMTYzIDE5MC4xMzJ2LTYuNjkzaDIyLjU4MnY5MS40MTJoLTIyLjU4MnYtODQuNzE5ek0xOTUuNjQ1IDM0Ni45OTV2MTYuNDk1Yy03LjA2LTMuNjY2LTEzLjQ2MS02LjkzMy0xOS43NzgtMTAuMzU0LS42NTktLjM1Ny0xLjE2MS0xLjYyOC0xLjE2NS0yLjQ3Ny0uMDY4LTE2LjA4Ni0uMDUtMzIuMTcyLS4wNS00OC40NDhoMjAuOTkzdjQ0Ljc4NHpNMzE5LjUyIDc0LjQ5NWMxMS42NSA4Ljc5MSAyMS4wNCAyMC40NzEgMjQuNjA0IDMwLjQ1Ny04LjQ0NyA2Ljg2MS0yMi43MDggNS4zNi0zMS4xNjUtMy4yOC05LjI3Mi05LjQ3My0xMC40MzQtMjMuMzI3LTIuNDQyLTMyLjgxOSAyLjg2NiAxLjc4NiA1Ljc5MSAzLjYwOCA5LjAwNCA1LjY0MnpNODI3LjUwOCAxNDYuMTkzYzcuNTM0IDQuNTU3IDkuOTMgMTEuMDYzIDYuODgyIDE3Ljg5MS0yLjgzMyA2LjM0OC05Ljk1MSA5LjM5Mi0xNy4xOTcgNy4zNTUtNi45NzItMS45Ni0xMC45Mi04LjA4Ny05LjgxNS0xNS4yMzQgMS4zMjgtOC42MDEgOS42MTUtMTIuODY1IDIwLjEzLTEwLjAxMnpNOTUzLjkzNiAxNjIuMDAzYy0yLjI3Mi0xMS43MjUgNy4zODMtMTkuMTk1IDE4LjIxMy0xNi40MyA1LjcyMiAxLjQ2IDkuNjExIDYuNTk2IDkuNzYxIDEyLjQ2OC4xNTYgNi4wOTYtMy4yNiAxMS4xNTctOC44NSAxMy4xMS02LjQ3NCAyLjI2My0xMy4zOTguMzYyLTE3LjAyMy00Ljc4OC0uODUtMS4yMDctMS4zNi0yLjY1Mi0yLjEwMS00LjM2ek0xMTE4LjU0NCAxNDcuMzkxYzUuODk3LTMuMjU4IDExLjQ5LTMuMzUzIDE2LjgzNC4yMiA0LjQyNyAyLjk2IDYuMTAzIDcuMzk3IDUuNTMzIDEyLjU4LS42OTEgNi4yOC01LjI1IDEwLjY5NC0xMS44MTcgMTEuNzYzLTYuMTI5Ljk5Ny0xMi40NjgtMi4xMTctMTUuMTA3LTcuNDItMi44NzMtNS43NzctMS4zMzYtMTEuODg1IDQuNTU3LTE3LjE0M3oiLz4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTI2Mi4wMDMgMzE3LjAwN1YzMDIuNTdoMzAuMzkzdjI5Ljk5OGgtMzAuMzkydi0xNS41NjF6Ii8+IDwvc3ZnPg=="
alt="This is a logotype" class="c-logotype__image" />
</figure>
@logotype([
'src'=> "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjIxLjYyIDUzLjQyIDEyMjguNTMgMzI4LjU5IiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjcyIj4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTMxMC4yMjggMzU0Yy0xOC4wNjEgMjMuODk4LTQxLjU3IDMyLjgtNzAuODMzIDI1LjU2OC01Ljk2Ni0xLjQ3NC0xMS43NzYtMy41NzgtMTcuNzM3LTUuMDc1LTMuNTUtLjg5Mi00LjU3Ni0yLjctNC41NTctNi4zMjMuMTE3LTIzLjE1OC0uMDE2LTQ2LjMxOC0uMDgyLTY5LjQ3Ny0uMDA3LTIuNDk4LS4wNS01LS4xNzUtNy40OTQtLjMwNC02LjEzNS0zLjM0Ny05Ljk5My05LjM4Ny0xMC4xMzJhOTg1Ljg1NiA5ODUuODU2IDAgMCAwLTQ0LjQ2Ni0uMDIyYy02LjI2NS4xMzgtOS40NzggMy45NjMtOS41OCAxMC40NzgtLjIzIDE0LjgyNS0uMjA3IDI5LjY1NS0uMzA4IDQ0LjQ4Mi0uMDA4IDEuMjY2LS4xNzQgMi41My0uMzM5IDQuNzY2LTcuMTEyLTQuMjQtMTMuNjgzLTguMDI5LTIwLjA2Ni0xMi4xMTEtLjkxNC0uNTg1LTEuMjgzLTIuNTktMS4yODktMy45NDItLjA4Mi0xOC4zMjctLjEwNy0zNi42NTUuMDM1LTU0Ljk4MS4wMTItMS41ODYuODg0LTMuNjMyIDIuMDU4LTQuNjczIDMyLjI4LTI4LjYyMiA2NC42OS01Ny4wOTggOTYuOTU0LTg1Ljc0IDMuNjU4LTMuMjQ3IDUuOTc5LTMuNDA5IDkuODQuMDM1IDMxLjgyOSAyOC4zOCA2My45MSA1Ni40NzcgOTUuNzk2IDg0Ljc5MyAxLjQ4NiAxLjMyIDIuMjM2IDMuODQgMi42MjIgNS45My40NDYgMi40MTgtLjE3OCA1LjAxOC4xNTUgNy40NzMgMi41MjMgMTguNi0zLjY4NCAzNS4wMzQtMTIuNDY0IDUwLjgzMy0zLjA3IDUuNTI1LTYuMjk2IDEwLjk2My05LjgzIDE2LjkwNS0uODA2IDEuMTk2LTEuMjM1IDEuOTI2LTEuNjYzIDIuNjU3IDAgMCAuMDc3LjAyNy0uMzE5LS4yMS0uNDQtNC41NjItLjUwNy04Ljg4Ni0uNTIzLTEzLjIxLS4wNTMtMTQuMTQyLjAwMi0yOC4yODUtLjE3LTQyLjQyNi0uMDc5LTYuNTYtMy4xMTYtMTAuNzM3LTguNjUyLTEwLjg1MWExNzYxLjM5MiAxNzYxLjM5MiAwIDAgMC01NC4zOTItLjI3OGMtNS43ODcuMDYtOS44IDQuMzc2LTkuODQ0IDkuOTA4LS4xNDMgMTcuOC0uMTQ3IDM1LjYwMy4wMDQgNTMuNDA0LjA0NyA1LjY1NCAzLjc4NCA5LjU1NiA5LjM4MyA5LjYwNyAxNy45NjQuMTYyIDM1LjkzMi4wMTggNTMuODk5LjAwMiAxLjk3Ni0uMDAxIDMuOTUzLjA2OCA1LjkzLjEwNHpNMjM2LjA1IDg3Ljk2NWM0Ljc4OSA4LjgxIDcuMzQzIDE3LjgxNSA3LjI3NCAyNy41NS0uMDg2IDEyLjEyMS0uMDIgMjQuMjQ0LS4wMiAzNy4xOTUtOS4wNzQtNy4yNzQtMTQuODktLjQ3Ny0yMS4wNjMgNC44OS04LjY1MSA3LjUyMS0xNy4yNzQgMTUuMDc1LTI2Ljg2IDIzLjQ0NS0uMTU3LTIuNjA0LS4zMDgtNC4xMzktLjMzMy01LjY3NS0uMjc4LTE3LjE2My0uNDY5LTM0LjMyOC0uODQtNTEuNDg4LS4xMTItNS4xMzUtMy4xNTUtOC43NzctNy42NjMtOS44My00LjgtMS4xMi04LjY5My41NTgtMTEuMTgzIDQuNjExLTEuMTQyIDEuODYtMS41NjcgNC4zODMtMS42NTIgNi42My0uMzE0IDguMzI1LS4zNDIgMTYuNjYtLjQ5OSAyNC45OTItLjAzIDEuNjA3LS4xNTYgMy4yMTItLjI5IDUuODM3LTIuNjgtMi4zNTQtNC42NDItNC4yMy02Ljc2LTUuOTA4LTUuNC00LjI3Ni0xMS40MjUtNC4zMjktMTUuMzk5LS4yNDMtMy43NjYgMy44NzItMy44MTQgMTAuNTk3LjU1OSAxNS40MjIgNi4xNDkgNi43ODUgMTIuNzIgMTMuMTg4IDE5LjExOCAxOS43NDcgNC4yNyA0LjM4IDQuMDQ4IDE0LjU5OC0uNTIzIDE4LjY3LTEwLjA1MyA4Ljk1My0yMC4xNjMgMTcuODQzLTMxLjQxIDI3Ljc4NC0yLjg4LTUuODIzLTYuNDQ2LTEwLjY3OC03LjcyMy0xNi4wNzUtMy4yNTMtMTMuNzQ4LTUuNTYtMjcuNjUzLTUuMTM1LTQxLjk5MS41ODUtMTkuNjUuMTE5LTM5LjMzLjM4My01OC45OTIuNDItMzEuMTk2IDI0LjgyMS01MS4wOSA0NS4yNzgtNTUuMjcxIDI2Ljc5Ni01LjQ3NyA1MC4wMDYgNS4wNTIgNjQuNzQyIDI4Ljd6TTQ0MC40OTQgMjEzdi01My43MjVjOC40MTMgMCAxNi4yMTktLjIwNyAyMy45OTQuMTg4IDEuNDE5LjA3MiAzLjI2IDIuMzYgMy45ODIgNC4wMjUgMTEuMDYgMjUuNDg1IDIxLjk2NCA1MS4wMzcgMzIuOTE5IDc2LjU2OC42MjUgMS40NTcgMS4zNzggMi44NiAyLjUyIDUuMjEyIDQuMjg4LTEwLjAwNiA4LjE5MS0xOS4xMDkgMTIuMDktMjguMjE1IDcuNjU4LTE3Ljg5IDE1LjQwNy0zNS43NDMgMjIuODg0LTUzLjcwOSAxLjMwOS0zLjE0NCAyLjg3LTQuMjczIDYuMjQtNC4xNSA3LjExMi4yNTggMTQuMjQuMDc4IDIxLjU5Ny4wNzh2MTE1LjU4MWgtMjIuOTU3VjIwMi42OGwtMS4wMzUtLjMzNmMtLjc3NCAxLjY4LTEuNjA4IDMuMzM0LTIuMzEyIDUuMDQzLTguNzQ1IDIxLjIyLTE3LjU0MiA0Mi40MjEtMjYuMTI0IDYzLjcwOC0xLjI0NCAzLjA4Ny0yLjY0MyA0LjQ3Mi02LjEwNSA0LjE5My00LjI4OC0uMzQ1LTguNjI2LS4wODItMTMuMTQ1LS4wODJsLTMwLjIxMi03Mi44NS0uOS4wODJ2NzIuNDg1aC0yMy40MzZWMjEzek0yNjUuNDAyIDE1Ni45OTRjLS4xMzEtMTQuODMuMTIyLTI5LjE3Ni0uNDgyLTQzLjQ4Ny0uOTM0LTIyLjEzNC05LjY1LTQwLjkxNS0yNS44NzUtNTYuMTE0LTEuMDgtMS4wMTItMi4yLTEuOTgtNC40MjEtMy45NzMgMTkuMTI1Ljc2IDM2LjcxMyAyLjc5IDU0LjM4NiA3LjI0LTkuMDg4IDIyLjAwMS03LjA5OSA0MS44MjcgMTAuODkzIDU4LjA5MiAxNS41NDIgMTQuMDUgMzMuNDk5IDE0LjUyNSA1Mi44OCA3LjQ2NSAxMC43ODcgNDEuMjUgMTAuMTUzIDgyLjU0IDEuMDk0IDEyNC40NTctNi4wNDUtNC40NjgtMTEuMzUyLTguMDM2LTEwLjg2LTE3LjEyNi44NDctMTUuNjEyLjE1LTMxLjMxNi0uMTM0LTQ2Ljk3Ny0uMTI1LTYuODczLTMuMzgyLTEwLjUxOC05LjA3NC0xMS4xMzQtNi40MjUtLjY5NS0xMS4zNTcgMy42MDUtMTEuNjQ2IDEwLjY4NS0uNDMgMTAuNDg4LS41MTUgMjAuOTktLjc1NyAzMS40ODUtLjAyNiAxLjEzLS4xMiAyLjI2LS4yNCA0LjQxOS01LjQ2LTQuNzc2LTEwLjI4OS04Ljk1OC0xNS4wNzEtMTMuMTkyLTEyLjEwMy0xMC43MTMtMjQuMDk1LTIxLjU1NC0zNi4zMzctMzIuMTA1LTMuMTcyLTIuNzMzLTQuOTU3LTUuNDQtNC40MzEtOS43NDYuMzgtMy4xMi4wNzQtNi4zMjQuMDc1LTkuOTg5ek0xMDUuMjkgMTk5LjY2NWM1LjIyMyAxOC4xODkgNS4xOTggMzYuMjU4IDIuNDYgNTQuMzU3LS40NzkgMy4xNjgtMi41ODcgNi4zNC00LjY0OSA4Ljk1My0yLjQ1MiAzLjEwOC01Ljg0MSA1LjQ1Ni04LjUwNiA4LjQyLTMuMzUgMy43MjUtNC4wNDIgOS4yNjktLjU0IDEyLjIyIDUuNDE0IDQuNTYzIDMuMDkgOC40NjEuNDQzIDEyLjc5NS0uNTEyLjgzNy0xLjEyMyAxLjYxMy0yLjA5IDIuOTg4LTIuOTg4LTIuNjYzLTUuODQ0LTUuMDgtOC41NTktNy42NDctMTguNDA2LTE3LjM5NS0zNC4wMjUtMzYuOTI1LTQ2LjM3OC01OS4xMzEtMy45MTYtNy4wMzktNC42ODctMTMuODIxLTMuMTUtMjEuNDcyIDUuMDE3LTI0Ljk3IDE1LjY1LTQ3LjYzOCAyOC4wNDUtNjkuNjA4IDIuNjA0LTQuNjE2IDUuNDM4LTkuMTAzIDguNzE1LTE0LjU2NiAxNC45NiAyMi45ODkgMjYuNzk5IDQ2LjU0NiAzNC4yMDkgNzIuNjl6TTEwNjAuNDc2IDI3Ni40MjJjLTEzLjc1IDEuMTUyLTI0LjkzLTMuMTg4LTM0LjU1NC0xNC4wNDJ2NTYuMzE2aC0yMy4wNHYtMTM1LjI3aDIyLjczNXYxMS43MDhjLjkxOS0uMzM1IDEuNDE1LS4zNjMgMS42NTktLjYyNiAxMS4zODYtMTIuMzA2IDI1LjUxNS0xNS41MDMgNDEuMDc0LTEwLjk3MiAxNi4wNDIgNC42NyAyNS4wOTQgMTYuNTQzIDI4LjQ3OCAzMi40ODMgMi45MDkgMTMuNzA3IDEuODU2IDI3LjIwOC01LjI1MyAzOS43MTYtNi43ODYgMTEuOTM5LTE2Ljk1NCAxOC45NDYtMzEuMDk5IDIwLjY4N200Ljc4Ni0yNS41ODVjOS40MjItOC44MzEgMTEuMzktMTkuNzA1IDcuODg2LTMxLjU4NS0yLjctOS4xNTctOS4wOTItMTUuMTg0LTE4LjYyMi0xNi44NDYtOS42NS0xLjY4My0xNy43MjggMS41NjgtMjMuNjY0IDkuNTQzLTQuNDEgNS45MjItNS40MjUgMTIuNzE2LTQuOTgyIDE5Ljg4Ni42IDkuNjk0IDQuNzA3IDE3LjM4MiAxMy40NDggMjEuODUxIDguNzgyIDQuNDkxIDE3LjM4MyAzLjQ0IDI1LjkzNC0yLjg0OXpNMTIxNC4yNDIgMjc1LjI1OWMtMjQuNjA1IDQuOTctNDUuOTQ3LTQuNjk0LTU0LjY2OC0yNC44MzItOS41NzQtMjIuMTA2LTQuNzI0LTU2Ljg0NiAyOC41Ny02Ni43MjUgMjIuNTE0LTYuNjggNDUuODUzIDIuNDc5IDU2LjI1NyAyMS45MjMgMTAuNjQ1IDE5Ljg5NSA2LjIyNCA0Ni4zNi0xMC44NyA1OS45NC01LjQyMiA0LjMwNi0xMi41MzggNi40NzgtMTkuMjg5IDkuNjk0bS00LjE5NC03Mi4xNzhjLTE0Ljk5OC00LjI0OC0yNy44MjEgMy4zMTMtMzAuNjA5IDE4LjQ5Ni0uODI3IDQuNTA5LS43OTQgOS4zNDItLjIxNiAxMy45MDkgMS4xODggOS4zOCA1Ljc0NSAxNi43NSAxNS4yMDYgMTkuNzQgOC44NzYgMi44MDUgMTcuMTMgMS4xNzggMjQuMTAxLTUuMjYxIDExLjAzNC0xMC4xOTIgMTEuNzE1LTM5LjMzNC04LjQ4Mi00Ni44ODR6TTY3Ni45NTggMjAwLjAwMnY3NC44M0g2NTMuODVsLS40Mi04LjY4MWMtNi4xMTEgMy4wNzEtMTEuNzU3IDcuMTUtMTguMDQ0IDguODM2LTE4LjQ3NiA0Ljk1NS00My45OTgtMi44MzQtNDUuNzQtMzMuNjk3LTEuMDc3LTE5LjA4LS4yLTM4LjI3Mi0uMi01Ny43OTVoMjMuMDE4djUuMTQ0Yy4wMDcgMTUuNDk5LS4xNjcgMzEgLjA3MyA0Ni40OTcuMjM4IDE1LjI4NyA5Ljg4IDIzLjMwNSAyNC44NiAyMS4xMjcgOC45OTgtMS4zMDggMTUuNDQzLTcuOTIyIDE1Ljc4NS0xNy44Ny41NjItMTYuMzEzLjM0Ni0zMi42NTIuNDUzLTQ4Ljk4LjAxMy0xLjk2Mi4wMDItMy45MjUuMDAyLTYuMDkyaDIzLjMyMXYxNi42ODF6TTcyMC44NDMgMjc1LjIxMWMtNy4xMi4wMS0xMy43NTQuMDEtMjAuNjUxLjAxdi05MS44MWgyMi42OTd2MTAuNTM2YzEuODc5LTEuNTE3IDIuOTU3LTIuMzI1IDMuOTY1LTMuMjExIDEzLjQ4NC0xMS44NTYgMzUuMTEzLTExLjk4OSA0OC42ODMtLjI2IDguMjYzIDcuMTQzIDExLjYxMiAxNi43MTcgMTEuOTAzIDI3LjEyNy40OSAxNy40NzguMjAxIDM0Ljk3OC4yMzkgNTIuNDY5LjAwMyAxLjQ3NSAwIDIuOTUgMCA0Ljc4N2gtMjMuNDA0YzAtMy44OTYuMDA1LTcuNjg3LS4wMDEtMTEuNDc3LS4wMjItMTMuODI3LjEyMy0yNy42NTctLjEyLTQxLjQ4LS4yMjEtMTIuNDk4LTcuODU5LTIwLjE2NC0xOS44MjgtMjAuNDYzLTEyLjEwNS0uMzAzLTIwLjY2NyA3LjMzOS0yMS4wMjMgMTkuODUyLS40NjkgMTYuNDgtLjE2IDMyLjk4LS4zMjcgNDkuNDctLjAxNSAxLjQ4Ni0xLjA3MyAyLjk2MS0yLjEzMyA0LjQ1ek05MTkuMjUgMjE0LjE4N2gtNC43OTRjLTUuNTEtMTAuMTItMTIuNDU3LTE0LjE1MS0yMS43LTEyLjc2NC05LjU4MyAxLjQzOC0xNi4xMiA3LjMwMy0xNy43MjkgMTguMjM5LTEuMDQgNy4wNzUtLjgzMiAxNC42OTYuNjQzIDIxLjY4NyAxLjg2IDguODExIDguMDkgMTQuNTE0IDE3LjUwNyAxNS4zNTUgOC44MTIuNzg3IDE2LjA5Ni0xLjgwOSAyMC4yMDgtMTAuNDkzLjQ3LS45OTMgMi4xNTctMS45NjUgMy4zMDQtMS45OTQgNy4xMzYtLjE4MiAxNC4yNzktLjA5MiAyMi4xMDgtLjA5Mi0yLjU1NCAxMS4zNjItOC40MTggMTkuODcxLTE3LjcyNSAyNS43Ni0yMi42MjYgMTQuMzEyLTY2LjcwNiA4LjExNS03MC40My0zNS4wMjQtMS4yMTQtMTQuMDY3IDEuMDk4LTI3LjMxNCAxMC43NDEtMzguMzA5IDExLjk2Ny0xMy42NDMgMjcuNTI1LTE2LjcyMyA0NC41Ni0xMy44OTggMTYuMjQ1IDIuNjk0IDI2Ljg0NyAxMi4zNzUgMzIuMDU0IDI3Ljk2OS4zMS45MjguNDM1IDEuOTE3Ljc5NiAzLjU2NEg5MTkuMjV6Ii8+IDxwYXRoIGZpbGw9IiMyYjM1NmMiIGQ9Ik0xMTUuNTM0IDc1LjY3N2MtNi45MTggMTEuMzQ3LTEwLjY3MiAyMy4yODYtMTAuODYyIDM2LjI0MS0uMTI0IDguNDIyLS4wMjMgMTYuODQ2LS4wMjMgMjUuMjdsLTEuOTI4LjRjLS44NjUtMS40NjItMS42OTgtMi45NDMtMi42LTQuMzgxLTYuMTktOS44NjYtMTIuMTE2LTE5LjkxNC0xOC42NzctMjkuNTI3LTYuMzU1LTkuMzEtMTMuNzUyLTkuMzMtMjAuMzQtLjA4OC0xNC41MzcgMjAuMzk2LTI2LjcxMSA0Mi4xNDYtMzYuMjE3IDY1LjM1My0uODAxIDEuOTU3LTEuNjM1IDMuOTAxLTIuNTk4IDYuMTk0LTcuODAxLTQ2LjI1NCA1My44Mi0xMTMuNjU0IDEwNy42NjMtMTE4LjMxNGE2Mzk3LjgwNyA2Mzk3LjgwNyAwIDAgMC0xNC40MTggMTguODUyek04MDkuNzMgMjMydi00OC42MThoMjIuODc0djkxLjU5M0g4MDkuNzNWMjMyek05NTYuMDA5IDI1MXYtNjcuNTk0aDIyLjgzOHY5MS41NDJoLTIyLjgzOFYyNTF6TTExMTUuMTYzIDE5MC4xMzJ2LTYuNjkzaDIyLjU4MnY5MS40MTJoLTIyLjU4MnYtODQuNzE5ek0xOTUuNjQ1IDM0Ni45OTV2MTYuNDk1Yy03LjA2LTMuNjY2LTEzLjQ2MS02LjkzMy0xOS43NzgtMTAuMzU0LS42NTktLjM1Ny0xLjE2MS0xLjYyOC0xLjE2NS0yLjQ3Ny0uMDY4LTE2LjA4Ni0uMDUtMzIuMTcyLS4wNS00OC40NDhoMjAuOTkzdjQ0Ljc4NHpNMzE5LjUyIDc0LjQ5NWMxMS42NSA4Ljc5MSAyMS4wNCAyMC40NzEgMjQuNjA0IDMwLjQ1Ny04LjQ0NyA2Ljg2MS0yMi43MDggNS4zNi0zMS4xNjUtMy4yOC05LjI3Mi05LjQ3My0xMC40MzQtMjMuMzI3LTIuNDQyLTMyLjgxOSAyLjg2NiAxLjc4NiA1Ljc5MSAzLjYwOCA5LjAwNCA1LjY0MnpNODI3LjUwOCAxNDYuMTkzYzcuNTM0IDQuNTU3IDkuOTMgMTEuMDYzIDYuODgyIDE3Ljg5MS0yLjgzMyA2LjM0OC05Ljk1MSA5LjM5Mi0xNy4xOTcgNy4zNTUtNi45NzItMS45Ni0xMC45Mi04LjA4Ny05LjgxNS0xNS4yMzQgMS4zMjgtOC42MDEgOS42MTUtMTIuODY1IDIwLjEzLTEwLjAxMnpNOTUzLjkzNiAxNjIuMDAzYy0yLjI3Mi0xMS43MjUgNy4zODMtMTkuMTk1IDE4LjIxMy0xNi40MyA1LjcyMiAxLjQ2IDkuNjExIDYuNTk2IDkuNzYxIDEyLjQ2OC4xNTYgNi4wOTYtMy4yNiAxMS4xNTctOC44NSAxMy4xMS02LjQ3NCAyLjI2My0xMy4zOTguMzYyLTE3LjAyMy00Ljc4OC0uODUtMS4yMDctMS4zNi0yLjY1Mi0yLjEwMS00LjM2ek0xMTE4LjU0NCAxNDcuMzkxYzUuODk3LTMuMjU4IDExLjQ5LTMuMzUzIDE2LjgzNC4yMiA0LjQyNyAyLjk2IDYuMTAzIDcuMzk3IDUuNTMzIDEyLjU4LS42OTEgNi4yOC01LjI1IDEwLjY5NC0xMS44MTcgMTEuNzYzLTYuMTI5Ljk5Ny0xMi40NjgtMi4xMTctMTUuMTA3LTcuNDItMi44NzMtNS43NzctMS4zMzYtMTEuODg1IDQuNTU3LTE3LjE0M3oiLz4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTI2Mi4wMDMgMzE3LjAwN1YzMDIuNTdoMzAuMzkzdjI5Ljk5OGgtMzAuMzkydi0xNS41NjF6Ii8+IDwvc3ZnPg==",
'alt' => "This is a logotype"
])
@endlogotype
Logotype with caption
Renders a logotype image with a caption label displayed below it.
Helsingborg Stad
<figure class="c-logotype" data-uid="6a79dcd2b9e15" data-component="logotype">
<img src=
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjIxLjYyIDUzLjQyIDEyMjguNTMgMzI4LjU5IiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjcyIj4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTMxMC4yMjggMzU0Yy0xOC4wNjEgMjMuODk4LTQxLjU3IDMyLjgtNzAuODMzIDI1LjU2OC01Ljk2Ni0xLjQ3NC0xMS43NzYtMy41NzgtMTcuNzM3LTUuMDc1LTMuNTUtLjg5Mi00LjU3Ni0yLjctNC41NTctNi4zMjMuMTE3LTIzLjE1OC0uMDE2LTQ2LjMxOC0uMDgyLTY5LjQ3Ny0uMDA3LTIuNDk4LS4wNS01LS4xNzUtNy40OTQtLjMwNC02LjEzNS0zLjM0Ny05Ljk5My05LjM4Ny0xMC4xMzJhOTg1Ljg1NiA5ODUuODU2IDAgMCAwLTQ0LjQ2Ni0uMDIyYy02LjI2NS4xMzgtOS40NzggMy45NjMtOS41OCAxMC40NzgtLjIzIDE0LjgyNS0uMjA3IDI5LjY1NS0uMzA4IDQ0LjQ4Mi0uMDA4IDEuMjY2LS4xNzQgMi41My0uMzM5IDQuNzY2LTcuMTEyLTQuMjQtMTMuNjgzLTguMDI5LTIwLjA2Ni0xMi4xMTEtLjkxNC0uNTg1LTEuMjgzLTIuNTktMS4yODktMy45NDItLjA4Mi0xOC4zMjctLjEwNy0zNi42NTUuMDM1LTU0Ljk4MS4wMTItMS41ODYuODg0LTMuNjMyIDIuMDU4LTQuNjczIDMyLjI4LTI4LjYyMiA2NC42OS01Ny4wOTggOTYuOTU0LTg1Ljc0IDMuNjU4LTMuMjQ3IDUuOTc5LTMuNDA5IDkuODQuMDM1IDMxLjgyOSAyOC4zOCA2My45MSA1Ni40NzcgOTUuNzk2IDg0Ljc5MyAxLjQ4NiAxLjMyIDIuMjM2IDMuODQgMi42MjIgNS45My40NDYgMi40MTgtLjE3OCA1LjAxOC4xNTUgNy40NzMgMi41MjMgMTguNi0zLjY4NCAzNS4wMzQtMTIuNDY0IDUwLjgzMy0zLjA3IDUuNTI1LTYuMjk2IDEwLjk2My05LjgzIDE2LjkwNS0uODA2IDEuMTk2LTEuMjM1IDEuOTI2LTEuNjYzIDIuNjU3IDAgMCAuMDc3LjAyNy0uMzE5LS4yMS0uNDQtNC41NjItLjUwNy04Ljg4Ni0uNTIzLTEzLjIxLS4wNTMtMTQuMTQyLjAwMi0yOC4yODUtLjE3LTQyLjQyNi0uMDc5LTYuNTYtMy4xMTYtMTAuNzM3LTguNjUyLTEwLjg1MWExNzYxLjM5MiAxNzYxLjM5MiAwIDAgMC01NC4zOTItLjI3OGMtNS43ODcuMDYtOS44IDQuMzc2LTkuODQ0IDkuOTA4LS4xNDMgMTcuOC0uMTQ3IDM1LjYwMy4wMDQgNTMuNDA0LjA0NyA1LjY1NCAzLjc4NCA5LjU1NiA5LjM4MyA5LjYwNyAxNy45NjQuMTYyIDM1LjkzMi4wMTggNTMuODk5LjAwMiAxLjk3Ni0uMDAxIDMuOTUzLjA2OCA1LjkzLjEwNHpNMjM2LjA1IDg3Ljk2NWM0Ljc4OSA4LjgxIDcuMzQzIDE3LjgxNSA3LjI3NCAyNy41NS0uMDg2IDEyLjEyMS0uMDIgMjQuMjQ0LS4wMiAzNy4xOTUtOS4wNzQtNy4yNzQtMTQuODktLjQ3Ny0yMS4wNjMgNC44OS04LjY1MSA3LjUyMS0xNy4yNzQgMTUuMDc1LTI2Ljg2IDIzLjQ0NS0uMTU3LTIuNjA0LS4zMDgtNC4xMzktLjMzMy01LjY3NS0uMjc4LTE3LjE2My0uNDY5LTM0LjMyOC0uODQtNTEuNDg4LS4xMTItNS4xMzUtMy4xNTUtOC43NzctNy42NjMtOS44My00LjgtMS4xMi04LjY5My41NTgtMTEuMTgzIDQuNjExLTEuMTQyIDEuODYtMS41NjcgNC4zODMtMS42NTIgNi42My0uMzE0IDguMzI1LS4zNDIgMTYuNjYtLjQ5OSAyNC45OTItLjAzIDEuNjA3LS4xNTYgMy4yMTItLjI5IDUuODM3LTIuNjgtMi4zNTQtNC42NDItNC4yMy02Ljc2LTUuOTA4LTUuNC00LjI3Ni0xMS40MjUtNC4zMjktMTUuMzk5LS4yNDMtMy43NjYgMy44NzItMy44MTQgMTAuNTk3LjU1OSAxNS40MjIgNi4xNDkgNi43ODUgMTIuNzIgMTMuMTg4IDE5LjExOCAxOS43NDcgNC4yNyA0LjM4IDQuMDQ4IDE0LjU5OC0uNTIzIDE4LjY3LTEwLjA1MyA4Ljk1My0yMC4xNjMgMTcuODQzLTMxLjQxIDI3Ljc4NC0yLjg4LTUuODIzLTYuNDQ2LTEwLjY3OC03LjcyMy0xNi4wNzUtMy4yNTMtMTMuNzQ4LTUuNTYtMjcuNjUzLTUuMTM1LTQxLjk5MS41ODUtMTkuNjUuMTE5LTM5LjMzLjM4My01OC45OTIuNDItMzEuMTk2IDI0LjgyMS01MS4wOSA0NS4yNzgtNTUuMjcxIDI2Ljc5Ni01LjQ3NyA1MC4wMDYgNS4wNTIgNjQuNzQyIDI4Ljd6TTQ0MC40OTQgMjEzdi01My43MjVjOC40MTMgMCAxNi4yMTktLjIwNyAyMy45OTQuMTg4IDEuNDE5LjA3MiAzLjI2IDIuMzYgMy45ODIgNC4wMjUgMTEuMDYgMjUuNDg1IDIxLjk2NCA1MS4wMzcgMzIuOTE5IDc2LjU2OC42MjUgMS40NTcgMS4zNzggMi44NiAyLjUyIDUuMjEyIDQuMjg4LTEwLjAwNiA4LjE5MS0xOS4xMDkgMTIuMDktMjguMjE1IDcuNjU4LTE3Ljg5IDE1LjQwNy0zNS43NDMgMjIuODg0LTUzLjcwOSAxLjMwOS0zLjE0NCAyLjg3LTQuMjczIDYuMjQtNC4xNSA3LjExMi4yNTggMTQuMjQuMDc4IDIxLjU5Ny4wNzh2MTE1LjU4MWgtMjIuOTU3VjIwMi42OGwtMS4wMzUtLjMzNmMtLjc3NCAxLjY4LTEuNjA4IDMuMzM0LTIuMzEyIDUuMDQzLTguNzQ1IDIxLjIyLTE3LjU0MiA0Mi40MjEtMjYuMTI0IDYzLjcwOC0xLjI0NCAzLjA4Ny0yLjY0MyA0LjQ3Mi02LjEwNSA0LjE5My00LjI4OC0uMzQ1LTguNjI2LS4wODItMTMuMTQ1LS4wODJsLTMwLjIxMi03Mi44NS0uOS4wODJ2NzIuNDg1aC0yMy40MzZWMjEzek0yNjUuNDAyIDE1Ni45OTRjLS4xMzEtMTQuODMuMTIyLTI5LjE3Ni0uNDgyLTQzLjQ4Ny0uOTM0LTIyLjEzNC05LjY1LTQwLjkxNS0yNS44NzUtNTYuMTE0LTEuMDgtMS4wMTItMi4yLTEuOTgtNC40MjEtMy45NzMgMTkuMTI1Ljc2IDM2LjcxMyAyLjc5IDU0LjM4NiA3LjI0LTkuMDg4IDIyLjAwMS03LjA5OSA0MS44MjcgMTAuODkzIDU4LjA5MiAxNS41NDIgMTQuMDUgMzMuNDk5IDE0LjUyNSA1Mi44OCA3LjQ2NSAxMC43ODcgNDEuMjUgMTAuMTUzIDgyLjU0IDEuMDk0IDEyNC40NTctNi4wNDUtNC40NjgtMTEuMzUyLTguMDM2LTEwLjg2LTE3LjEyNi44NDctMTUuNjEyLjE1LTMxLjMxNi0uMTM0LTQ2Ljk3Ny0uMTI1LTYuODczLTMuMzgyLTEwLjUxOC05LjA3NC0xMS4xMzQtNi40MjUtLjY5NS0xMS4zNTcgMy42MDUtMTEuNjQ2IDEwLjY4NS0uNDMgMTAuNDg4LS41MTUgMjAuOTktLjc1NyAzMS40ODUtLjAyNiAxLjEzLS4xMiAyLjI2LS4yNCA0LjQxOS01LjQ2LTQuNzc2LTEwLjI4OS04Ljk1OC0xNS4wNzEtMTMuMTkyLTEyLjEwMy0xMC43MTMtMjQuMDk1LTIxLjU1NC0zNi4zMzctMzIuMTA1LTMuMTcyLTIuNzMzLTQuOTU3LTUuNDQtNC40MzEtOS43NDYuMzgtMy4xMi4wNzQtNi4zMjQuMDc1LTkuOTg5ek0xMDUuMjkgMTk5LjY2NWM1LjIyMyAxOC4xODkgNS4xOTggMzYuMjU4IDIuNDYgNTQuMzU3LS40NzkgMy4xNjgtMi41ODcgNi4zNC00LjY0OSA4Ljk1My0yLjQ1MiAzLjEwOC01Ljg0MSA1LjQ1Ni04LjUwNiA4LjQyLTMuMzUgMy43MjUtNC4wNDIgOS4yNjktLjU0IDEyLjIyIDUuNDE0IDQuNTYzIDMuMDkgOC40NjEuNDQzIDEyLjc5NS0uNTEyLjgzNy0xLjEyMyAxLjYxMy0yLjA5IDIuOTg4LTIuOTg4LTIuNjYzLTUuODQ0LTUuMDgtOC41NTktNy42NDctMTguNDA2LTE3LjM5NS0zNC4wMjUtMzYuOTI1LTQ2LjM3OC01OS4xMzEtMy45MTYtNy4wMzktNC42ODctMTMuODIxLTMuMTUtMjEuNDcyIDUuMDE3LTI0Ljk3IDE1LjY1LTQ3LjYzOCAyOC4wNDUtNjkuNjA4IDIuNjA0LTQuNjE2IDUuNDM4LTkuMTAzIDguNzE1LTE0LjU2NiAxNC45NiAyMi45ODkgMjYuNzk5IDQ2LjU0NiAzNC4yMDkgNzIuNjl6TTEwNjAuNDc2IDI3Ni40MjJjLTEzLjc1IDEuMTUyLTI0LjkzLTMuMTg4LTM0LjU1NC0xNC4wNDJ2NTYuMzE2aC0yMy4wNHYtMTM1LjI3aDIyLjczNXYxMS43MDhjLjkxOS0uMzM1IDEuNDE1LS4zNjMgMS42NTktLjYyNiAxMS4zODYtMTIuMzA2IDI1LjUxNS0xNS41MDMgNDEuMDc0LTEwLjk3MiAxNi4wNDIgNC42NyAyNS4wOTQgMTYuNTQzIDI4LjQ3OCAzMi40ODMgMi45MDkgMTMuNzA3IDEuODU2IDI3LjIwOC01LjI1MyAzOS43MTYtNi43ODYgMTEuOTM5LTE2Ljk1NCAxOC45NDYtMzEuMDk5IDIwLjY4N200Ljc4Ni0yNS41ODVjOS40MjItOC44MzEgMTEuMzktMTkuNzA1IDcuODg2LTMxLjU4NS0yLjctOS4xNTctOS4wOTItMTUuMTg0LTE4LjYyMi0xNi44NDYtOS42NS0xLjY4My0xNy43MjggMS41NjgtMjMuNjY0IDkuNTQzLTQuNDEgNS45MjItNS40MjUgMTIuNzE2LTQuOTgyIDE5Ljg4Ni42IDkuNjk0IDQuNzA3IDE3LjM4MiAxMy40NDggMjEuODUxIDguNzgyIDQuNDkxIDE3LjM4MyAzLjQ0IDI1LjkzNC0yLjg0OXpNMTIxNC4yNDIgMjc1LjI1OWMtMjQuNjA1IDQuOTctNDUuOTQ3LTQuNjk0LTU0LjY2OC0yNC44MzItOS41NzQtMjIuMTA2LTQuNzI0LTU2Ljg0NiAyOC41Ny02Ni43MjUgMjIuNTE0LTYuNjggNDUuODUzIDIuNDc5IDU2LjI1NyAyMS45MjMgMTAuNjQ1IDE5Ljg5NSA2LjIyNCA0Ni4zNi0xMC44NyA1OS45NC01LjQyMiA0LjMwNi0xMi41MzggNi40NzgtMTkuMjg5IDkuNjk0bS00LjE5NC03Mi4xNzhjLTE0Ljk5OC00LjI0OC0yNy44MjEgMy4zMTMtMzAuNjA5IDE4LjQ5Ni0uODI3IDQuNTA5LS43OTQgOS4zNDItLjIxNiAxMy45MDkgMS4xODggOS4zOCA1Ljc0NSAxNi43NSAxNS4yMDYgMTkuNzQgOC44NzYgMi44MDUgMTcuMTMgMS4xNzggMjQuMTAxLTUuMjYxIDExLjAzNC0xMC4xOTIgMTEuNzE1LTM5LjMzNC04LjQ4Mi00Ni44ODR6TTY3Ni45NTggMjAwLjAwMnY3NC44M0g2NTMuODVsLS40Mi04LjY4MWMtNi4xMTEgMy4wNzEtMTEuNzU3IDcuMTUtMTguMDQ0IDguODM2LTE4LjQ3NiA0Ljk1NS00My45OTgtMi44MzQtNDUuNzQtMzMuNjk3LTEuMDc3LTE5LjA4LS4yLTM4LjI3Mi0uMi01Ny43OTVoMjMuMDE4djUuMTQ0Yy4wMDcgMTUuNDk5LS4xNjcgMzEgLjA3MyA0Ni40OTcuMjM4IDE1LjI4NyA5Ljg4IDIzLjMwNSAyNC44NiAyMS4xMjcgOC45OTgtMS4zMDggMTUuNDQzLTcuOTIyIDE1Ljc4NS0xNy44Ny41NjItMTYuMzEzLjM0Ni0zMi42NTIuNDUzLTQ4Ljk4LjAxMy0xLjk2Mi4wMDItMy45MjUuMDAyLTYuMDkyaDIzLjMyMXYxNi42ODF6TTcyMC44NDMgMjc1LjIxMWMtNy4xMi4wMS0xMy43NTQuMDEtMjAuNjUxLjAxdi05MS44MWgyMi42OTd2MTAuNTM2YzEuODc5LTEuNTE3IDIuOTU3LTIuMzI1IDMuOTY1LTMuMjExIDEzLjQ4NC0xMS44NTYgMzUuMTEzLTExLjk4OSA0OC42ODMtLjI2IDguMjYzIDcuMTQzIDExLjYxMiAxNi43MTcgMTEuOTAzIDI3LjEyNy40OSAxNy40NzguMjAxIDM0Ljk3OC4yMzkgNTIuNDY5LjAwMyAxLjQ3NSAwIDIuOTUgMCA0Ljc4N2gtMjMuNDA0YzAtMy44OTYuMDA1LTcuNjg3LS4wMDEtMTEuNDc3LS4wMjItMTMuODI3LjEyMy0yNy42NTctLjEyLTQxLjQ4LS4yMjEtMTIuNDk4LTcuODU5LTIwLjE2NC0xOS44MjgtMjAuNDYzLTEyLjEwNS0uMzAzLTIwLjY2NyA3LjMzOS0yMS4wMjMgMTkuODUyLS40NjkgMTYuNDgtLjE2IDMyLjk4LS4zMjcgNDkuNDctLjAxNSAxLjQ4Ni0xLjA3MyAyLjk2MS0yLjEzMyA0LjQ1ek05MTkuMjUgMjE0LjE4N2gtNC43OTRjLTUuNTEtMTAuMTItMTIuNDU3LTE0LjE1MS0yMS43LTEyLjc2NC05LjU4MyAxLjQzOC0xNi4xMiA3LjMwMy0xNy43MjkgMTguMjM5LTEuMDQgNy4wNzUtLjgzMiAxNC42OTYuNjQzIDIxLjY4NyAxLjg2IDguODExIDguMDkgMTQuNTE0IDE3LjUwNyAxNS4zNTUgOC44MTIuNzg3IDE2LjA5Ni0xLjgwOSAyMC4yMDgtMTAuNDkzLjQ3LS45OTMgMi4xNTctMS45NjUgMy4zMDQtMS45OTQgNy4xMzYtLjE4MiAxNC4yNzktLjA5MiAyMi4xMDgtLjA5Mi0yLjU1NCAxMS4zNjItOC40MTggMTkuODcxLTE3LjcyNSAyNS43Ni0yMi42MjYgMTQuMzEyLTY2LjcwNiA4LjExNS03MC40My0zNS4wMjQtMS4yMTQtMTQuMDY3IDEuMDk4LTI3LjMxNCAxMC43NDEtMzguMzA5IDExLjk2Ny0xMy42NDMgMjcuNTI1LTE2LjcyMyA0NC41Ni0xMy44OTggMTYuMjQ1IDIuNjk0IDI2Ljg0NyAxMi4zNzUgMzIuMDU0IDI3Ljk2OS4zMS45MjguNDM1IDEuOTE3Ljc5NiAzLjU2NEg5MTkuMjV6Ii8+IDxwYXRoIGZpbGw9IiMyYjM1NmMiIGQ9Ik0xMTUuNTM0IDc1LjY3N2MtNi45MTggMTEuMzQ3LTEwLjY3MiAyMy4yODYtMTAuODYyIDM2LjI0MS0uMTI0IDguNDIyLS4wMjMgMTYuODQ2LS4wMjMgMjUuMjdsLTEuOTI4LjRjLS44NjUtMS40NjItMS42OTgtMi45NDMtMi42LTQuMzgxLTYuMTktOS44NjYtMTIuMTE2LTE5LjkxNC0xOC42NzctMjkuNTI3LTYuMzU1LTkuMzEtMTMuNzUyLTkuMzMtMjAuMzQtLjA4OC0xNC41MzcgMjAuMzk2LTI2LjcxMSA0Mi4xNDYtMzYuMjE3IDY1LjM1My0uODAxIDEuOTU3LTEuNjM1IDMuOTAxLTIuNTk4IDYuMTk0LTcuODAxLTQ2LjI1NCA1My44Mi0xMTMuNjU0IDEwNy42NjMtMTE4LjMxNGE2Mzk3LjgwNyA2Mzk3LjgwNyAwIDAgMC0xNC40MTggMTguODUyek04MDkuNzMgMjMydi00OC42MThoMjIuODc0djkxLjU5M0g4MDkuNzNWMjMyek05NTYuMDA5IDI1MXYtNjcuNTk0aDIyLjgzOHY5MS41NDJoLTIyLjgzOFYyNTF6TTExMTUuMTYzIDE5MC4xMzJ2LTYuNjkzaDIyLjU4MnY5MS40MTJoLTIyLjU4MnYtODQuNzE5ek0xOTUuNjQ1IDM0Ni45OTV2MTYuNDk1Yy03LjA2LTMuNjY2LTEzLjQ2MS02LjkzMy0xOS43NzgtMTAuMzU0LS42NTktLjM1Ny0xLjE2MS0xLjYyOC0xLjE2NS0yLjQ3Ny0uMDY4LTE2LjA4Ni0uMDUtMzIuMTcyLS4wNS00OC40NDhoMjAuOTkzdjQ0Ljc4NHpNMzE5LjUyIDc0LjQ5NWMxMS42NSA4Ljc5MSAyMS4wNCAyMC40NzEgMjQuNjA0IDMwLjQ1Ny04LjQ0NyA2Ljg2MS0yMi43MDggNS4zNi0zMS4xNjUtMy4yOC05LjI3Mi05LjQ3My0xMC40MzQtMjMuMzI3LTIuNDQyLTMyLjgxOSAyLjg2NiAxLjc4NiA1Ljc5MSAzLjYwOCA5LjAwNCA1LjY0MnpNODI3LjUwOCAxNDYuMTkzYzcuNTM0IDQuNTU3IDkuOTMgMTEuMDYzIDYuODgyIDE3Ljg5MS0yLjgzMyA2LjM0OC05Ljk1MSA5LjM5Mi0xNy4xOTcgNy4zNTUtNi45NzItMS45Ni0xMC45Mi04LjA4Ny05LjgxNS0xNS4yMzQgMS4zMjgtOC42MDEgOS42MTUtMTIuODY1IDIwLjEzLTEwLjAxMnpNOTUzLjkzNiAxNjIuMDAzYy0yLjI3Mi0xMS43MjUgNy4zODMtMTkuMTk1IDE4LjIxMy0xNi40MyA1LjcyMiAxLjQ2IDkuNjExIDYuNTk2IDkuNzYxIDEyLjQ2OC4xNTYgNi4wOTYtMy4yNiAxMS4xNTctOC44NSAxMy4xMS02LjQ3NCAyLjI2My0xMy4zOTguMzYyLTE3LjAyMy00Ljc4OC0uODUtMS4yMDctMS4zNi0yLjY1Mi0yLjEwMS00LjM2ek0xMTE4LjU0NCAxNDcuMzkxYzUuODk3LTMuMjU4IDExLjQ5LTMuMzUzIDE2LjgzNC4yMiA0LjQyNyAyLjk2IDYuMTAzIDcuMzk3IDUuNTMzIDEyLjU4LS42OTEgNi4yOC01LjI1IDEwLjY5NC0xMS44MTcgMTEuNzYzLTYuMTI5Ljk5Ny0xMi40NjgtMi4xMTctMTUuMTA3LTcuNDItMi44NzMtNS43NzctMS4zMzYtMTEuODg1IDQuNTU3LTE3LjE0M3oiLz4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTI2Mi4wMDMgMzE3LjAwN1YzMDIuNTdoMzAuMzkzdjI5Ljk5OGgtMzAuMzkydi0xNS41NjF6Ii8+IDwvc3ZnPg=="
alt="Example logotype" class="c-logotype__image" />
<figcaption class="c-logotype__caption">
Helsingborg Stad
</figcaption>
</figure>
@logotype([
'src'=> "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjIxLjYyIDUzLjQyIDEyMjguNTMgMzI4LjU5IiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjcyIj4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTMxMC4yMjggMzU0Yy0xOC4wNjEgMjMuODk4LTQxLjU3IDMyLjgtNzAuODMzIDI1LjU2OC01Ljk2Ni0xLjQ3NC0xMS43NzYtMy41NzgtMTcuNzM3LTUuMDc1LTMuNTUtLjg5Mi00LjU3Ni0yLjctNC41NTctNi4zMjMuMTE3LTIzLjE1OC0uMDE2LTQ2LjMxOC0uMDgyLTY5LjQ3Ny0uMDA3LTIuNDk4LS4wNS01LS4xNzUtNy40OTQtLjMwNC02LjEzNS0zLjM0Ny05Ljk5My05LjM4Ny0xMC4xMzJhOTg1Ljg1NiA5ODUuODU2IDAgMCAwLTQ0LjQ2Ni0uMDIyYy02LjI2NS4xMzgtOS40NzggMy45NjMtOS41OCAxMC40NzgtLjIzIDE0LjgyNS0uMjA3IDI5LjY1NS0uMzA4IDQ0LjQ4Mi0uMDA4IDEuMjY2LS4xNzQgMi41My0uMzM5IDQuNzY2LTcuMTEyLTQuMjQtMTMuNjgzLTguMDI5LTIwLjA2Ni0xMi4xMTEtLjkxNC0uNTg1LTEuMjgzLTIuNTktMS4yODktMy45NDItLjA4Mi0xOC4zMjctLjEwNy0zNi42NTUuMDM1LTU0Ljk4MS4wMTItMS41ODYuODg0LTMuNjMyIDIuMDU4LTQuNjczIDMyLjI4LTI4LjYyMiA2NC42OS01Ny4wOTggOTYuOTU0LTg1Ljc0IDMuNjU4LTMuMjQ3IDUuOTc5LTMuNDA5IDkuODQuMDM1IDMxLjgyOSAyOC4zOCA2My45MSA1Ni40NzcgOTUuNzk2IDg0Ljc5MyAxLjQ4NiAxLjMyIDIuMjM2IDMuODQgMi42MjIgNS45My40NDYgMi40MTgtLjE3OCA1LjAxOC4xNTUgNy40NzMgMi41MjMgMTguNi0zLjY4NCAzNS4wMzQtMTIuNDY0IDUwLjgzMy0zLjA3IDUuNTI1LTYuMjk2IDEwLjk2My05LjgzIDE2LjkwNS0uODA2IDEuMTk2LTEuMjM1IDEuOTI2LTEuNjYzIDIuNjU3IDAgMCAuMDc3LjAyNy0uMzE5LS4yMS0uNDQtNC41NjItLjUwNy04Ljg4Ni0uNTIzLTEzLjIxLS4wNTMtMTQuMTQyLjAwMi0yOC4yODUtLjE3LTQyLjQyNi0uMDc5LTYuNTYtMy4xMTYtMTAuNzM3LTguNjUyLTEwLjg1MWExNzYxLjM5MiAxNzYxLjM5MiAwIDAgMC01NC4zOTItLjI3OGMtNS43ODcuMDYtOS44IDQuMzc2LTkuODQ0IDkuOTA4LS4xNDMgMTcuOC0uMTQ3IDM1LjYwMy4wMDQgNTMuNDA0LjA0NyA1LjY1NCAzLjc4NCA5LjU1NiA5LjM4MyA5LjYwNyAxNy45NjQuMTYyIDM1LjkzMi4wMTggNTMuODk5LjAwMiAxLjk3Ni0uMDAxIDMuOTUzLjA2OCA1LjkzLjEwNHpNMjM2LjA1IDg3Ljk2NWM0Ljc4OSA4LjgxIDcuMzQzIDE3LjgxNSA3LjI3NCAyNy41NS0uMDg2IDEyLjEyMS0uMDIgMjQuMjQ0LS4wMiAzNy4xOTUtOS4wNzQtNy4yNzQtMTQuODktLjQ3Ny0yMS4wNjMgNC44OS04LjY1MSA3LjUyMS0xNy4yNzQgMTUuMDc1LTI2Ljg2IDIzLjQ0NS0uMTU3LTIuNjA0LS4zMDgtNC4xMzktLjMzMy01LjY3NS0uMjc4LTE3LjE2My0uNDY5LTM0LjMyOC0uODQtNTEuNDg4LS4xMTItNS4xMzUtMy4xNTUtOC43NzctNy42NjMtOS44My00LjgtMS4xMi04LjY5My41NTgtMTEuMTgzIDQuNjExLTEuMTQyIDEuODYtMS41NjcgNC4zODMtMS42NTIgNi42My0uMzE0IDguMzI1LS4zNDIgMTYuNjYtLjQ5OSAyNC45OTItLjAzIDEuNjA3LS4xNTYgMy4yMTItLjI5IDUuODM3LTIuNjgtMi4zNTQtNC42NDItNC4yMy02Ljc2LTUuOTA4LTUuNC00LjI3Ni0xMS40MjUtNC4zMjktMTUuMzk5LS4yNDMtMy43NjYgMy44NzItMy44MTQgMTAuNTk3LjU1OSAxNS40MjIgNi4xNDkgNi43ODUgMTIuNzIgMTMuMTg4IDE5LjExOCAxOS43NDcgNC4yNyA0LjM4IDQuMDQ4IDE0LjU5OC0uNTIzIDE4LjY3LTEwLjA1MyA4Ljk1My0yMC4xNjMgMTcuODQzLTMxLjQxIDI3Ljc4NC0yLjg4LTUuODIzLTYuNDQ2LTEwLjY3OC03LjcyMy0xNi4wNzUtMy4yNTMtMTMuNzQ4LTUuNTYtMjcuNjUzLTUuMTM1LTQxLjk5MS41ODUtMTkuNjUuMTE5LTM5LjMzLjM4My01OC45OTIuNDItMzEuMTk2IDI0LjgyMS01MS4wOSA0NS4yNzgtNTUuMjcxIDI2Ljc5Ni01LjQ3NyA1MC4wMDYgNS4wNTIgNjQuNzQyIDI4Ljd6TTQ0MC40OTQgMjEzdi01My43MjVjOC40MTMgMCAxNi4yMTktLjIwNyAyMy45OTQuMTg4IDEuNDE5LjA3MiAzLjI2IDIuMzYgMy45ODIgNC4wMjUgMTEuMDYgMjUuNDg1IDIxLjk2NCA1MS4wMzcgMzIuOTE5IDc2LjU2OC42MjUgMS40NTcgMS4zNzggMi44NiAyLjUyIDUuMjEyIDQuMjg4LTEwLjAwNiA4LjE5MS0xOS4xMDkgMTIuMDktMjguMjE1IDcuNjU4LTE3Ljg5IDE1LjQwNy0zNS43NDMgMjIuODg0LTUzLjcwOSAxLjMwOS0zLjE0NCAyLjg3LTQuMjczIDYuMjQtNC4xNSA3LjExMi4yNTggMTQuMjQuMDc4IDIxLjU5Ny4wNzh2MTE1LjU4MWgtMjIuOTU3VjIwMi42OGwtMS4wMzUtLjMzNmMtLjc3NCAxLjY4LTEuNjA4IDMuMzM0LTIuMzEyIDUuMDQzLTguNzQ1IDIxLjIyLTE3LjU0MiA0Mi40MjEtMjYuMTI0IDYzLjcwOC0xLjI0NCAzLjA4Ny0yLjY0MyA0LjQ3Mi02LjEwNSA0LjE5My00LjI4OC0uMzQ1LTguNjI2LS4wODItMTMuMTQ1LS4wODJsLTMwLjIxMi03Mi44NS0uOS4wODJ2NzIuNDg1aC0yMy40MzZWMjEzek0yNjUuNDAyIDE1Ni45OTRjLS4xMzEtMTQuODMuMTIyLTI5LjE3Ni0uNDgyLTQzLjQ4Ny0uOTM0LTIyLjEzNC05LjY1LTQwLjkxNS0yNS44NzUtNTYuMTE0LTEuMDgtMS4wMTItMi4yLTEuOTgtNC40MjEtMy45NzMgMTkuMTI1Ljc2IDM2LjcxMyAyLjc5IDU0LjM4NiA3LjI0LTkuMDg4IDIyLjAwMS03LjA5OSA0MS44MjcgMTAuODkzIDU4LjA5MiAxNS41NDIgMTQuMDUgMzMuNDk5IDE0LjUyNSA1Mi44OCA3LjQ2NSAxMC43ODcgNDEuMjUgMTAuMTUzIDgyLjU0IDEuMDk0IDEyNC40NTctNi4wNDUtNC40NjgtMTEuMzUyLTguMDM2LTEwLjg2LTE3LjEyNi44NDctMTUuNjEyLjE1LTMxLjMxNi0uMTM0LTQ2Ljk3Ny0uMTI1LTYuODczLTMuMzgyLTEwLjUxOC05LjA3NC0xMS4xMzQtNi40MjUtLjY5NS0xMS4zNTcgMy42MDUtMTEuNjQ2IDEwLjY4NS0uNDMgMTAuNDg4LS41MTUgMjAuOTktLjc1NyAzMS40ODUtLjAyNiAxLjEzLS4xMiAyLjI2LS4yNCA0LjQxOS01LjQ2LTQuNzc2LTEwLjI4OS04Ljk1OC0xNS4wNzEtMTMuMTkyLTEyLjEwMy0xMC43MTMtMjQuMDk1LTIxLjU1NC0zNi4zMzctMzIuMTA1LTMuMTcyLTIuNzMzLTQuOTU3LTUuNDQtNC40MzEtOS43NDYuMzgtMy4xMi4wNzQtNi4zMjQuMDc1LTkuOTg5ek0xMDUuMjkgMTk5LjY2NWM1LjIyMyAxOC4xODkgNS4xOTggMzYuMjU4IDIuNDYgNTQuMzU3LS40NzkgMy4xNjgtMi41ODcgNi4zNC00LjY0OSA4Ljk1My0yLjQ1MiAzLjEwOC01Ljg0MSA1LjQ1Ni04LjUwNiA4LjQyLTMuMzUgMy43MjUtNC4wNDIgOS4yNjktLjU0IDEyLjIyIDUuNDE0IDQuNTYzIDMuMDkgOC40NjEuNDQzIDEyLjc5NS0uNTEyLjgzNy0xLjEyMyAxLjYxMy0yLjA5IDIuOTg4LTIuOTg4LTIuNjYzLTUuODQ0LTUuMDgtOC41NTktNy42NDctMTguNDA2LTE3LjM5NS0zNC4wMjUtMzYuOTI1LTQ2LjM3OC01OS4xMzEtMy45MTYtNy4wMzktNC42ODctMTMuODIxLTMuMTUtMjEuNDcyIDUuMDE3LTI0Ljk3IDE1LjY1LTQ3LjYzOCAyOC4wNDUtNjkuNjA4IDIuNjA0LTQuNjE2IDUuNDM4LTkuMTAzIDguNzE1LTE0LjU2NiAxNC45NiAyMi45ODkgMjYuNzk5IDQ2LjU0NiAzNC4yMDkgNzIuNjl6TTEwNjAuNDc2IDI3Ni40MjJjLTEzLjc1IDEuMTUyLTI0LjkzLTMuMTg4LTM0LjU1NC0xNC4wNDJ2NTYuMzE2aC0yMy4wNHYtMTM1LjI3aDIyLjczNXYxMS43MDhjLjkxOS0uMzM1IDEuNDE1LS4zNjMgMS42NTktLjYyNiAxMS4zODYtMTIuMzA2IDI1LjUxNS0xNS41MDMgNDEuMDc0LTEwLjk3MiAxNi4wNDIgNC42NyAyNS4wOTQgMTYuNTQzIDI4LjQ3OCAzMi40ODMgMi45MDkgMTMuNzA3IDEuODU2IDI3LjIwOC01LjI1MyAzOS43MTYtNi43ODYgMTEuOTM5LTE2Ljk1NCAxOC45NDYtMzEuMDk5IDIwLjY4N200Ljc4Ni0yNS41ODVjOS40MjItOC44MzEgMTEuMzktMTkuNzA1IDcuODg2LTMxLjU4NS0yLjctOS4xNTctOS4wOTItMTUuMTg0LTE4LjYyMi0xNi44NDYtOS42NS0xLjY4My0xNy43MjggMS41NjgtMjMuNjY0IDkuNTQzLTQuNDEgNS45MjItNS40MjUgMTIuNzE2LTQuOTgyIDE5Ljg4Ni42IDkuNjk0IDQuNzA3IDE3LjM4MiAxMy40NDggMjEuODUxIDguNzgyIDQuNDkxIDE3LjM4MyAzLjQ0IDI1LjkzNC0yLjg0OXpNMTIxNC4yNDIgMjc1LjI1OWMtMjQuNjA1IDQuOTctNDUuOTQ3LTQuNjk0LTU0LjY2OC0yNC44MzItOS41NzQtMjIuMTA2LTQuNzI0LTU2Ljg0NiAyOC41Ny02Ni43MjUgMjIuNTE0LTYuNjggNDUuODUzIDIuNDc5IDU2LjI1NyAyMS45MjMgMTAuNjQ1IDE5Ljg5NSA2LjIyNCA0Ni4zNi0xMC44NyA1OS45NC01LjQyMiA0LjMwNi0xMi41MzggNi40NzgtMTkuMjg5IDkuNjk0bS00LjE5NC03Mi4xNzhjLTE0Ljk5OC00LjI0OC0yNy44MjEgMy4zMTMtMzAuNjA5IDE4LjQ5Ni0uODI3IDQuNTA5LS43OTQgOS4zNDItLjIxNiAxMy45MDkgMS4xODggOS4zOCA1Ljc0NSAxNi43NSAxNS4yMDYgMTkuNzQgOC44NzYgMi44MDUgMTcuMTMgMS4xNzggMjQuMTAxLTUuMjYxIDExLjAzNC0xMC4xOTIgMTEuNzE1LTM5LjMzNC04LjQ4Mi00Ni44ODR6TTY3Ni45NTggMjAwLjAwMnY3NC44M0g2NTMuODVsLS40Mi04LjY4MWMtNi4xMTEgMy4wNzEtMTEuNzU3IDcuMTUtMTguMDQ0IDguODM2LTE4LjQ3NiA0Ljk1NS00My45OTgtMi44MzQtNDUuNzQtMzMuNjk3LTEuMDc3LTE5LjA4LS4yLTM4LjI3Mi0uMi01Ny43OTVoMjMuMDE4djUuMTQ0Yy4wMDcgMTUuNDk5LS4xNjcgMzEgLjA3MyA0Ni40OTcuMjM4IDE1LjI4NyA5Ljg4IDIzLjMwNSAyNC44NiAyMS4xMjcgOC45OTgtMS4zMDggMTUuNDQzLTcuOTIyIDE1Ljc4NS0xNy44Ny41NjItMTYuMzEzLjM0Ni0zMi42NTIuNDUzLTQ4Ljk4LjAxMy0xLjk2Mi4wMDItMy45MjUuMDAyLTYuMDkyaDIzLjMyMXYxNi42ODF6TTcyMC44NDMgMjc1LjIxMWMtNy4xMi4wMS0xMy43NTQuMDEtMjAuNjUxLjAxdi05MS44MWgyMi42OTd2MTAuNTM2YzEuODc5LTEuNTE3IDIuOTU3LTIuMzI1IDMuOTY1LTMuMjExIDEzLjQ4NC0xMS44NTYgMzUuMTEzLTExLjk4OSA0OC42ODMtLjI2IDguMjYzIDcuMTQzIDExLjYxMiAxNi43MTcgMTEuOTAzIDI3LjEyNy40OSAxNy40NzguMjAxIDM0Ljk3OC4yMzkgNTIuNDY5LjAwMyAxLjQ3NSAwIDIuOTUgMCA0Ljc4N2gtMjMuNDA0YzAtMy44OTYuMDA1LTcuNjg3LS4wMDEtMTEuNDc3LS4wMjItMTMuODI3LjEyMy0yNy42NTctLjEyLTQxLjQ4LS4yMjEtMTIuNDk4LTcuODU5LTIwLjE2NC0xOS44MjgtMjAuNDYzLTEyLjEwNS0uMzAzLTIwLjY2NyA3LjMzOS0yMS4wMjMgMTkuODUyLS40NjkgMTYuNDgtLjE2IDMyLjk4LS4zMjcgNDkuNDctLjAxNSAxLjQ4Ni0xLjA3MyAyLjk2MS0yLjEzMyA0LjQ1ek05MTkuMjUgMjE0LjE4N2gtNC43OTRjLTUuNTEtMTAuMTItMTIuNDU3LTE0LjE1MS0yMS43LTEyLjc2NC05LjU4MyAxLjQzOC0xNi4xMiA3LjMwMy0xNy43MjkgMTguMjM5LTEuMDQgNy4wNzUtLjgzMiAxNC42OTYuNjQzIDIxLjY4NyAxLjg2IDguODExIDguMDkgMTQuNTE0IDE3LjUwNyAxNS4zNTUgOC44MTIuNzg3IDE2LjA5Ni0xLjgwOSAyMC4yMDgtMTAuNDkzLjQ3LS45OTMgMi4xNTctMS45NjUgMy4zMDQtMS45OTQgNy4xMzYtLjE4MiAxNC4yNzktLjA5MiAyMi4xMDgtLjA5Mi0yLjU1NCAxMS4zNjItOC40MTggMTkuODcxLTE3LjcyNSAyNS43Ni0yMi42MjYgMTQuMzEyLTY2LjcwNiA4LjExNS03MC40My0zNS4wMjQtMS4yMTQtMTQuMDY3IDEuMDk4LTI3LjMxNCAxMC43NDEtMzguMzA5IDExLjk2Ny0xMy42NDMgMjcuNTI1LTE2LjcyMyA0NC41Ni0xMy44OTggMTYuMjQ1IDIuNjk0IDI2Ljg0NyAxMi4zNzUgMzIuMDU0IDI3Ljk2OS4zMS45MjguNDM1IDEuOTE3Ljc5NiAzLjU2NEg5MTkuMjV6Ii8+IDxwYXRoIGZpbGw9IiMyYjM1NmMiIGQ9Ik0xMTUuNTM0IDc1LjY3N2MtNi45MTggMTEuMzQ3LTEwLjY3MiAyMy4yODYtMTAuODYyIDM2LjI0MS0uMTI0IDguNDIyLS4wMjMgMTYuODQ2LS4wMjMgMjUuMjdsLTEuOTI4LjRjLS44NjUtMS40NjItMS42OTgtMi45NDMtMi42LTQuMzgxLTYuMTktOS44NjYtMTIuMTE2LTE5LjkxNC0xOC42NzctMjkuNTI3LTYuMzU1LTkuMzEtMTMuNzUyLTkuMzMtMjAuMzQtLjA4OC0xNC41MzcgMjAuMzk2LTI2LjcxMSA0Mi4xNDYtMzYuMjE3IDY1LjM1My0uODAxIDEuOTU3LTEuNjM1IDMuOTAxLTIuNTk4IDYuMTk0LTcuODAxLTQ2LjI1NCA1My44Mi0xMTMuNjU0IDEwNy42NjMtMTE4LjMxNGE2Mzk3LjgwNyA2Mzk3LjgwNyAwIDAgMC0xNC40MTggMTguODUyek04MDkuNzMgMjMydi00OC42MThoMjIuODc0djkxLjU5M0g4MDkuNzNWMjMyek05NTYuMDA5IDI1MXYtNjcuNTk0aDIyLjgzOHY5MS41NDJoLTIyLjgzOFYyNTF6TTExMTUuMTYzIDE5MC4xMzJ2LTYuNjkzaDIyLjU4MnY5MS40MTJoLTIyLjU4MnYtODQuNzE5ek0xOTUuNjQ1IDM0Ni45OTV2MTYuNDk1Yy03LjA2LTMuNjY2LTEzLjQ2MS02LjkzMy0xOS43NzgtMTAuMzU0LS42NTktLjM1Ny0xLjE2MS0xLjYyOC0xLjE2NS0yLjQ3Ny0uMDY4LTE2LjA4Ni0uMDUtMzIuMTcyLS4wNS00OC40NDhoMjAuOTkzdjQ0Ljc4NHpNMzE5LjUyIDc0LjQ5NWMxMS42NSA4Ljc5MSAyMS4wNCAyMC40NzEgMjQuNjA0IDMwLjQ1Ny04LjQ0NyA2Ljg2MS0yMi43MDggNS4zNi0zMS4xNjUtMy4yOC05LjI3Mi05LjQ3My0xMC40MzQtMjMuMzI3LTIuNDQyLTMyLjgxOSAyLjg2NiAxLjc4NiA1Ljc5MSAzLjYwOCA5LjAwNCA1LjY0MnpNODI3LjUwOCAxNDYuMTkzYzcuNTM0IDQuNTU3IDkuOTMgMTEuMDYzIDYuODgyIDE3Ljg5MS0yLjgzMyA2LjM0OC05Ljk1MSA5LjM5Mi0xNy4xOTcgNy4zNTUtNi45NzItMS45Ni0xMC45Mi04LjA4Ny05LjgxNS0xNS4yMzQgMS4zMjgtOC42MDEgOS42MTUtMTIuODY1IDIwLjEzLTEwLjAxMnpNOTUzLjkzNiAxNjIuMDAzYy0yLjI3Mi0xMS43MjUgNy4zODMtMTkuMTk1IDE4LjIxMy0xNi40MyA1LjcyMiAxLjQ2IDkuNjExIDYuNTk2IDkuNzYxIDEyLjQ2OC4xNTYgNi4wOTYtMy4yNiAxMS4xNTctOC44NSAxMy4xMS02LjQ3NCAyLjI2My0xMy4zOTguMzYyLTE3LjAyMy00Ljc4OC0uODUtMS4yMDctMS4zNi0yLjY1Mi0yLjEwMS00LjM2ek0xMTE4LjU0NCAxNDcuMzkxYzUuODk3LTMuMjU4IDExLjQ5LTMuMzUzIDE2LjgzNC4yMiA0LjQyNyAyLjk2IDYuMTAzIDcuMzk3IDUuNTMzIDEyLjU4LS42OTEgNi4yOC01LjI1IDEwLjY5NC0xMS44MTcgMTEuNzYzLTYuMTI5Ljk5Ny0xMi40NjgtMi4xMTctMTUuMTA3LTcuNDItMi44NzMtNS43NzctMS4zMzYtMTEuODg1IDQuNTU3LTE3LjE0M3oiLz4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTI2Mi4wMDMgMzE3LjAwN1YzMDIuNTdoMzAuMzkzdjI5Ljk5OGgtMzAuMzkydi0xNS41NjF6Ii8+IDwvc3ZnPg==",
'alt' => 'Example logotype',
'caption' => 'Helsingborg Stad'
])
@endlogotype
Logotype placeholder
Renders the placeholder state when no image source is provided, displaying the placeholder text.
<figure class="c-logotype c-logotype--is-placeholder" data-uid="6a79dcd2ba1a8" data-component="logotype">
<div class="c-logotype__placeholder" aria-label="">
Image missing
</div>
</figure>
@logotype([
'src' => false,
'placeholderText' => 'Image missing'
])
@endlogotype
Logotype aligned
Renders a logotype with center alignment applied via the classList modifier class.
<figure class="c-logotype c-logotype--align-center" data-uid="6a79dcd2ba523" data-component="logotype">
<img src=
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjIxLjYyIDUzLjQyIDEyMjguNTMgMzI4LjU5IiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjcyIj4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTMxMC4yMjggMzU0Yy0xOC4wNjEgMjMuODk4LTQxLjU3IDMyLjgtNzAuODMzIDI1LjU2OC01Ljk2Ni0xLjQ3NC0xMS43NzYtMy41NzgtMTcuNzM3LTUuMDc1LTMuNTUtLjg5Mi00LjU3Ni0yLjctNC41NTctNi4zMjMuMTE3LTIzLjE1OC0uMDE2LTQ2LjMxOC0uMDgyLTY5LjQ3Ny0uMDA3LTIuNDk4LS4wNS01LS4xNzUtNy40OTQtLjMwNC02LjEzNS0zLjM0Ny05Ljk5My05LjM4Ny0xMC4xMzJhOTg1Ljg1NiA5ODUuODU2IDAgMCAwLTQ0LjQ2Ni0uMDIyYy02LjI2NS4xMzgtOS40NzggMy45NjMtOS41OCAxMC40NzgtLjIzIDE0LjgyNS0uMjA3IDI5LjY1NS0uMzA4IDQ0LjQ4Mi0uMDA4IDEuMjY2LS4xNzQgMi41My0uMzM5IDQuNzY2LTcuMTEyLTQuMjQtMTMuNjgzLTguMDI5LTIwLjA2Ni0xMi4xMTEtLjkxNC0uNTg1LTEuMjgzLTIuNTktMS4yODktMy45NDItLjA4Mi0xOC4zMjctLjEwNy0zNi42NTUuMDM1LTU0Ljk4MS4wMTItMS41ODYuODg0LTMuNjMyIDIuMDU4LTQuNjczIDMyLjI4LTI4LjYyMiA2NC42OS01Ny4wOTggOTYuOTU0LTg1Ljc0IDMuNjU4LTMuMjQ3IDUuOTc5LTMuNDA5IDkuODQuMDM1IDMxLjgyOSAyOC4zOCA2My45MSA1Ni40NzcgOTUuNzk2IDg0Ljc5MyAxLjQ4NiAxLjMyIDIuMjM2IDMuODQgMi42MjIgNS45My40NDYgMi40MTgtLjE3OCA1LjAxOC4xNTUgNy40NzMgMi41MjMgMTguNi0zLjY4NCAzNS4wMzQtMTIuNDY0IDUwLjgzMy0zLjA3IDUuNTI1LTYuMjk2IDEwLjk2My05LjgzIDE2LjkwNS0uODA2IDEuMTk2LTEuMjM1IDEuOTI2LTEuNjYzIDIuNjU3IDAgMCAuMDc3LjAyNy0uMzE5LS4yMS0uNDQtNC41NjItLjUwNy04Ljg4Ni0uNTIzLTEzLjIxLS4wNTMtMTQuMTQyLjAwMi0yOC4yODUtLjE3LTQyLjQyNi0uMDc5LTYuNTYtMy4xMTYtMTAuNzM3LTguNjUyLTEwLjg1MWExNzYxLjM5MiAxNzYxLjM5MiAwIDAgMC01NC4zOTItLjI3OGMtNS43ODcuMDYtOS44IDQuMzc2LTkuODQ0IDkuOTA4LS4xNDMgMTcuOC0uMTQ3IDM1LjYwMy4wMDQgNTMuNDA0LjA0NyA1LjY1NCAzLjc4NCA5LjU1NiA5LjM4MyA5LjYwNyAxNy45NjQuMTYyIDM1LjkzMi4wMTggNTMuODk5LjAwMiAxLjk3Ni0uMDAxIDMuOTUzLjA2OCA1LjkzLjEwNHpNMjM2LjA1IDg3Ljk2NWM0Ljc4OSA4LjgxIDcuMzQzIDE3LjgxNSA3LjI3NCAyNy41NS0uMDg2IDEyLjEyMS0uMDIgMjQuMjQ0LS4wMiAzNy4xOTUtOS4wNzQtNy4yNzQtMTQuODktLjQ3Ny0yMS4wNjMgNC44OS04LjY1MSA3LjUyMS0xNy4yNzQgMTUuMDc1LTI2Ljg2IDIzLjQ0NS0uMTU3LTIuNjA0LS4zMDgtNC4xMzktLjMzMy01LjY3NS0uMjc4LTE3LjE2My0uNDY5LTM0LjMyOC0uODQtNTEuNDg4LS4xMTItNS4xMzUtMy4xNTUtOC43NzctNy42NjMtOS44My00LjgtMS4xMi04LjY5My41NTgtMTEuMTgzIDQuNjExLTEuMTQyIDEuODYtMS41NjcgNC4zODMtMS42NTIgNi42My0uMzE0IDguMzI1LS4zNDIgMTYuNjYtLjQ5OSAyNC45OTItLjAzIDEuNjA3LS4xNTYgMy4yMTItLjI5IDUuODM3LTIuNjgtMi4zNTQtNC42NDItNC4yMy02Ljc2LTUuOTA4LTUuNC00LjI3Ni0xMS40MjUtNC4zMjktMTUuMzk5LS4yNDMtMy43NjYgMy44NzItMy44MTQgMTAuNTk3LjU1OSAxNS40MjIgNi4xNDkgNi43ODUgMTIuNzIgMTMuMTg4IDE5LjExOCAxOS43NDcgNC4yNyA0LjM4IDQuMDQ4IDE0LjU5OC0uNTIzIDE4LjY3LTEwLjA1MyA4Ljk1My0yMC4xNjMgMTcuODQzLTMxLjQxIDI3Ljc4NC0yLjg4LTUuODIzLTYuNDQ2LTEwLjY3OC03LjcyMy0xNi4wNzUtMy4yNTMtMTMuNzQ4LTUuNTYtMjcuNjUzLTUuMTM1LTQxLjk5MS41ODUtMTkuNjUuMTE5LTM5LjMzLjM4My01OC45OTIuNDItMzEuMTk2IDI0LjgyMS01MS4wOSA0NS4yNzgtNTUuMjcxIDI2Ljc5Ni01LjQ3NyA1MC4wMDYgNS4wNTIgNjQuNzQyIDI4Ljd6TTQ0MC40OTQgMjEzdi01My43MjVjOC40MTMgMCAxNi4yMTktLjIwNyAyMy45OTQuMTg4IDEuNDE5LjA3MiAzLjI2IDIuMzYgMy45ODIgNC4wMjUgMTEuMDYgMjUuNDg1IDIxLjk2NCA1MS4wMzcgMzIuOTE5IDc2LjU2OC42MjUgMS40NTcgMS4zNzggMi44NiAyLjUyIDUuMjEyIDQuMjg4LTEwLjAwNiA4LjE5MS0xOS4xMDkgMTIuMDktMjguMjE1IDcuNjU4LTE3Ljg5IDE1LjQwNy0zNS43NDMgMjIuODg0LTUzLjcwOSAxLjMwOS0zLjE0NCAyLjg3LTQuMjczIDYuMjQtNC4xNSA3LjExMi4yNTggMTQuMjQuMDc4IDIxLjU5Ny4wNzh2MTE1LjU4MWgtMjIuOTU3VjIwMi42OGwtMS4wMzUtLjMzNmMtLjc3NCAxLjY4LTEuNjA4IDMuMzM0LTIuMzEyIDUuMDQzLTguNzQ1IDIxLjIyLTE3LjU0MiA0Mi40MjEtMjYuMTI0IDYzLjcwOC0xLjI0NCAzLjA4Ny0yLjY0MyA0LjQ3Mi02LjEwNSA0LjE5My00LjI4OC0uMzQ1LTguNjI2LS4wODItMTMuMTQ1LS4wODJsLTMwLjIxMi03Mi44NS0uOS4wODJ2NzIuNDg1aC0yMy40MzZWMjEzek0yNjUuNDAyIDE1Ni45OTRjLS4xMzEtMTQuODMuMTIyLTI5LjE3Ni0uNDgyLTQzLjQ4Ny0uOTM0LTIyLjEzNC05LjY1LTQwLjkxNS0yNS44NzUtNTYuMTE0LTEuMDgtMS4wMTItMi4yLTEuOTgtNC40MjEtMy45NzMgMTkuMTI1Ljc2IDM2LjcxMyAyLjc5IDU0LjM4NiA3LjI0LTkuMDg4IDIyLjAwMS03LjA5OSA0MS44MjcgMTAuODkzIDU4LjA5MiAxNS41NDIgMTQuMDUgMzMuNDk5IDE0LjUyNSA1Mi44OCA3LjQ2NSAxMC43ODcgNDEuMjUgMTAuMTUzIDgyLjU0IDEuMDk0IDEyNC40NTctNi4wNDUtNC40NjgtMTEuMzUyLTguMDM2LTEwLjg2LTE3LjEyNi44NDctMTUuNjEyLjE1LTMxLjMxNi0uMTM0LTQ2Ljk3Ny0uMTI1LTYuODczLTMuMzgyLTEwLjUxOC05LjA3NC0xMS4xMzQtNi40MjUtLjY5NS0xMS4zNTcgMy42MDUtMTEuNjQ2IDEwLjY4NS0uNDMgMTAuNDg4LS41MTUgMjAuOTktLjc1NyAzMS40ODUtLjAyNiAxLjEzLS4xMiAyLjI2LS4yNCA0LjQxOS01LjQ2LTQuNzc2LTEwLjI4OS04Ljk1OC0xNS4wNzEtMTMuMTkyLTEyLjEwMy0xMC43MTMtMjQuMDk1LTIxLjU1NC0zNi4zMzctMzIuMTA1LTMuMTcyLTIuNzMzLTQuOTU3LTUuNDQtNC40MzEtOS43NDYuMzgtMy4xMi4wNzQtNi4zMjQuMDc1LTkuOTg5ek0xMDUuMjkgMTk5LjY2NWM1LjIyMyAxOC4xODkgNS4xOTggMzYuMjU4IDIuNDYgNTQuMzU3LS40NzkgMy4xNjgtMi41ODcgNi4zNC00LjY0OSA4Ljk1My0yLjQ1MiAzLjEwOC01Ljg0MSA1LjQ1Ni04LjUwNiA4LjQyLTMuMzUgMy43MjUtNC4wNDIgOS4yNjktLjU0IDEyLjIyIDUuNDE0IDQuNTYzIDMuMDkgOC40NjEuNDQzIDEyLjc5NS0uNTEyLjgzNy0xLjEyMyAxLjYxMy0yLjA5IDIuOTg4LTIuOTg4LTIuNjYzLTUuODQ0LTUuMDgtOC41NTktNy42NDctMTguNDA2LTE3LjM5NS0zNC4wMjUtMzYuOTI1LTQ2LjM3OC01OS4xMzEtMy45MTYtNy4wMzktNC42ODctMTMuODIxLTMuMTUtMjEuNDcyIDUuMDE3LTI0Ljk3IDE1LjY1LTQ3LjYzOCAyOC4wNDUtNjkuNjA4IDIuNjA0LTQuNjE2IDUuNDM4LTkuMTAzIDguNzE1LTE0LjU2NiAxNC45NiAyMi45ODkgMjYuNzk5IDQ2LjU0NiAzNC4yMDkgNzIuNjl6TTEwNjAuNDc2IDI3Ni40MjJjLTEzLjc1IDEuMTUyLTI0LjkzLTMuMTg4LTM0LjU1NC0xNC4wNDJ2NTYuMzE2aC0yMy4wNHYtMTM1LjI3aDIyLjczNXYxMS43MDhjLjkxOS0uMzM1IDEuNDE1LS4zNjMgMS42NTktLjYyNiAxMS4zODYtMTIuMzA2IDI1LjUxNS0xNS41MDMgNDEuMDc0LTEwLjk3MiAxNi4wNDIgNC42NyAyNS4wOTQgMTYuNTQzIDI4LjQ3OCAzMi40ODMgMi45MDkgMTMuNzA3IDEuODU2IDI3LjIwOC01LjI1MyAzOS43MTYtNi43ODYgMTEuOTM5LTE2Ljk1NCAxOC45NDYtMzEuMDk5IDIwLjY4N200Ljc4Ni0yNS41ODVjOS40MjItOC44MzEgMTEuMzktMTkuNzA1IDcuODg2LTMxLjU4NS0yLjctOS4xNTctOS4wOTItMTUuMTg0LTE4LjYyMi0xNi44NDYtOS42NS0xLjY4My0xNy43MjggMS41NjgtMjMuNjY0IDkuNTQzLTQuNDEgNS45MjItNS40MjUgMTIuNzE2LTQuOTgyIDE5Ljg4Ni42IDkuNjk0IDQuNzA3IDE3LjM4MiAxMy40NDggMjEuODUxIDguNzgyIDQuNDkxIDE3LjM4MyAzLjQ0IDI1LjkzNC0yLjg0OXpNMTIxNC4yNDIgMjc1LjI1OWMtMjQuNjA1IDQuOTctNDUuOTQ3LTQuNjk0LTU0LjY2OC0yNC44MzItOS41NzQtMjIuMTA2LTQuNzI0LTU2Ljg0NiAyOC41Ny02Ni43MjUgMjIuNTE0LTYuNjggNDUuODUzIDIuNDc5IDU2LjI1NyAyMS45MjMgMTAuNjQ1IDE5Ljg5NSA2LjIyNCA0Ni4zNi0xMC44NyA1OS45NC01LjQyMiA0LjMwNi0xMi41MzggNi40NzgtMTkuMjg5IDkuNjk0bS00LjE5NC03Mi4xNzhjLTE0Ljk5OC00LjI0OC0yNy44MjEgMy4zMTMtMzAuNjA5IDE4LjQ5Ni0uODI3IDQuNTA5LS43OTQgOS4zNDItLjIxNiAxMy45MDkgMS4xODggOS4zOCA1Ljc0NSAxNi43NSAxNS4yMDYgMTkuNzQgOC44NzYgMi44MDUgMTcuMTMgMS4xNzggMjQuMTAxLTUuMjYxIDExLjAzNC0xMC4xOTIgMTEuNzE1LTM5LjMzNC04LjQ4Mi00Ni44ODR6TTY3Ni45NTggMjAwLjAwMnY3NC44M0g2NTMuODVsLS40Mi04LjY4MWMtNi4xMTEgMy4wNzEtMTEuNzU3IDcuMTUtMTguMDQ0IDguODM2LTE4LjQ3NiA0Ljk1NS00My45OTgtMi44MzQtNDUuNzQtMzMuNjk3LTEuMDc3LTE5LjA4LS4yLTM4LjI3Mi0uMi01Ny43OTVoMjMuMDE4djUuMTQ0Yy4wMDcgMTUuNDk5LS4xNjcgMzEgLjA3MyA0Ni40OTcuMjM4IDE1LjI4NyA5Ljg4IDIzLjMwNSAyNC44NiAyMS4xMjcgOC45OTgtMS4zMDggMTUuNDQzLTcuOTIyIDE1Ljc4NS0xNy44Ny41NjItMTYuMzEzLjM0Ni0zMi42NTIuNDUzLTQ4Ljk4LjAxMy0xLjk2Mi4wMDItMy45MjUuMDAyLTYuMDkyaDIzLjMyMXYxNi42ODF6TTcyMC44NDMgMjc1LjIxMWMtNy4xMi4wMS0xMy43NTQuMDEtMjAuNjUxLjAxdi05MS44MWgyMi42OTd2MTAuNTM2YzEuODc5LTEuNTE3IDIuOTU3LTIuMzI1IDMuOTY1LTMuMjExIDEzLjQ4NC0xMS44NTYgMzUuMTEzLTExLjk4OSA0OC42ODMtLjI2IDguMjYzIDcuMTQzIDExLjYxMiAxNi43MTcgMTEuOTAzIDI3LjEyNy40OSAxNy40NzguMjAxIDM0Ljk3OC4yMzkgNTIuNDY5LjAwMyAxLjQ3NSAwIDIuOTUgMCA0Ljc4N2gtMjMuNDA0YzAtMy44OTYuMDA1LTcuNjg3LS4wMDEtMTEuNDc3LS4wMjItMTMuODI3LjEyMy0yNy42NTctLjEyLTQxLjQ4LS4yMjEtMTIuNDk4LTcuODU5LTIwLjE2NC0xOS44MjgtMjAuNDYzLTEyLjEwNS0uMzAzLTIwLjY2NyA3LjMzOS0yMS4wMjMgMTkuODUyLS40NjkgMTYuNDgtLjE2IDMyLjk4LS4zMjcgNDkuNDctLjAxNSAxLjQ4Ni0xLjA3MyAyLjk2MS0yLjEzMyA0LjQ1ek05MTkuMjUgMjE0LjE4N2gtNC43OTRjLTUuNTEtMTAuMTItMTIuNDU3LTE0LjE1MS0yMS43LTEyLjc2NC05LjU4MyAxLjQzOC0xNi4xMiA3LjMwMy0xNy43MjkgMTguMjM5LTEuMDQgNy4wNzUtLjgzMiAxNC42OTYuNjQzIDIxLjY4NyAxLjg2IDguODExIDguMDkgMTQuNTE0IDE3LjUwNyAxNS4zNTUgOC44MTIuNzg3IDE2LjA5Ni0xLjgwOSAyMC4yMDgtMTAuNDkzLjQ3LS45OTMgMi4xNTctMS45NjUgMy4zMDQtMS45OTQgNy4xMzYtLjE4MiAxNC4yNzktLjA5MiAyMi4xMDgtLjA5Mi0yLjU1NCAxMS4zNjItOC40MTggMTkuODcxLTE3LjcyNSAyNS43Ni0yMi42MjYgMTQuMzEyLTY2LjcwNiA4LjExNS03MC40My0zNS4wMjQtMS4yMTQtMTQuMDY3IDEuMDk4LTI3LjMxNCAxMC43NDEtMzguMzA5IDExLjk2Ny0xMy42NDMgMjcuNTI1LTE2LjcyMyA0NC41Ni0xMy44OTggMTYuMjQ1IDIuNjk0IDI2Ljg0NyAxMi4zNzUgMzIuMDU0IDI3Ljk2OS4zMS45MjguNDM1IDEuOTE3Ljc5NiAzLjU2NEg5MTkuMjV6Ii8+IDxwYXRoIGZpbGw9IiMyYjM1NmMiIGQ9Ik0xMTUuNTM0IDc1LjY3N2MtNi45MTggMTEuMzQ3LTEwLjY3MiAyMy4yODYtMTAuODYyIDM2LjI0MS0uMTI0IDguNDIyLS4wMjMgMTYuODQ2LS4wMjMgMjUuMjdsLTEuOTI4LjRjLS44NjUtMS40NjItMS42OTgtMi45NDMtMi42LTQuMzgxLTYuMTktOS44NjYtMTIuMTE2LTE5LjkxNC0xOC42NzctMjkuNTI3LTYuMzU1LTkuMzEtMTMuNzUyLTkuMzMtMjAuMzQtLjA4OC0xNC41MzcgMjAuMzk2LTI2LjcxMSA0Mi4xNDYtMzYuMjE3IDY1LjM1My0uODAxIDEuOTU3LTEuNjM1IDMuOTAxLTIuNTk4IDYuMTk0LTcuODAxLTQ2LjI1NCA1My44Mi0xMTMuNjU0IDEwNy42NjMtMTE4LjMxNGE2Mzk3LjgwNyA2Mzk3LjgwNyAwIDAgMC0xNC40MTggMTguODUyek04MDkuNzMgMjMydi00OC42MThoMjIuODc0djkxLjU5M0g4MDkuNzNWMjMyek05NTYuMDA5IDI1MXYtNjcuNTk0aDIyLjgzOHY5MS41NDJoLTIyLjgzOFYyNTF6TTExMTUuMTYzIDE5MC4xMzJ2LTYuNjkzaDIyLjU4MnY5MS40MTJoLTIyLjU4MnYtODQuNzE5ek0xOTUuNjQ1IDM0Ni45OTV2MTYuNDk1Yy03LjA2LTMuNjY2LTEzLjQ2MS02LjkzMy0xOS43NzgtMTAuMzU0LS42NTktLjM1Ny0xLjE2MS0xLjYyOC0xLjE2NS0yLjQ3Ny0uMDY4LTE2LjA4Ni0uMDUtMzIuMTcyLS4wNS00OC40NDhoMjAuOTkzdjQ0Ljc4NHpNMzE5LjUyIDc0LjQ5NWMxMS42NSA4Ljc5MSAyMS4wNCAyMC40NzEgMjQuNjA0IDMwLjQ1Ny04LjQ0NyA2Ljg2MS0yMi43MDggNS4zNi0zMS4xNjUtMy4yOC05LjI3Mi05LjQ3My0xMC40MzQtMjMuMzI3LTIuNDQyLTMyLjgxOSAyLjg2NiAxLjc4NiA1Ljc5MSAzLjYwOCA5LjAwNCA1LjY0MnpNODI3LjUwOCAxNDYuMTkzYzcuNTM0IDQuNTU3IDkuOTMgMTEuMDYzIDYuODgyIDE3Ljg5MS0yLjgzMyA2LjM0OC05Ljk1MSA5LjM5Mi0xNy4xOTcgNy4zNTUtNi45NzItMS45Ni0xMC45Mi04LjA4Ny05LjgxNS0xNS4yMzQgMS4zMjgtOC42MDEgOS42MTUtMTIuODY1IDIwLjEzLTEwLjAxMnpNOTUzLjkzNiAxNjIuMDAzYy0yLjI3Mi0xMS43MjUgNy4zODMtMTkuMTk1IDE4LjIxMy0xNi40MyA1LjcyMiAxLjQ2IDkuNjExIDYuNTk2IDkuNzYxIDEyLjQ2OC4xNTYgNi4wOTYtMy4yNiAxMS4xNTctOC44NSAxMy4xMS02LjQ3NCAyLjI2My0xMy4zOTguMzYyLTE3LjAyMy00Ljc4OC0uODUtMS4yMDctMS4zNi0yLjY1Mi0yLjEwMS00LjM2ek0xMTE4LjU0NCAxNDcuMzkxYzUuODk3LTMuMjU4IDExLjQ5LTMuMzUzIDE2LjgzNC4yMiA0LjQyNyAyLjk2IDYuMTAzIDcuMzk3IDUuNTMzIDEyLjU4LS42OTEgNi4yOC01LjI1IDEwLjY5NC0xMS44MTcgMTEuNzYzLTYuMTI5Ljk5Ny0xMi40NjgtMi4xMTctMTUuMTA3LTcuNDItMi44NzMtNS43NzctMS4zMzYtMTEuODg1IDQuNTU3LTE3LjE0M3oiLz4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTI2Mi4wMDMgMzE3LjAwN1YzMDIuNTdoMzAuMzkzdjI5Ljk5OGgtMzAuMzkydi0xNS41NjF6Ii8+IDwvc3ZnPg=="
alt="Example logotype" class="c-logotype__image" />
</figure>
@logotype([
'src'=> "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjIxLjYyIDUzLjQyIDEyMjguNTMgMzI4LjU5IiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjcyIj4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTMxMC4yMjggMzU0Yy0xOC4wNjEgMjMuODk4LTQxLjU3IDMyLjgtNzAuODMzIDI1LjU2OC01Ljk2Ni0xLjQ3NC0xMS43NzYtMy41NzgtMTcuNzM3LTUuMDc1LTMuNTUtLjg5Mi00LjU3Ni0yLjctNC41NTctNi4zMjMuMTE3LTIzLjE1OC0uMDE2LTQ2LjMxOC0uMDgyLTY5LjQ3Ny0uMDA3LTIuNDk4LS4wNS01LS4xNzUtNy40OTQtLjMwNC02LjEzNS0zLjM0Ny05Ljk5My05LjM4Ny0xMC4xMzJhOTg1Ljg1NiA5ODUuODU2IDAgMCAwLTQ0LjQ2Ni0uMDIyYy02LjI2NS4xMzgtOS40NzggMy45NjMtOS41OCAxMC40NzgtLjIzIDE0LjgyNS0uMjA3IDI5LjY1NS0uMzA4IDQ0LjQ4Mi0uMDA4IDEuMjY2LS4xNzQgMi41My0uMzM5IDQuNzY2LTcuMTEyLTQuMjQtMTMuNjgzLTguMDI5LTIwLjA2Ni0xMi4xMTEtLjkxNC0uNTg1LTEuMjgzLTIuNTktMS4yODktMy45NDItLjA4Mi0xOC4zMjctLjEwNy0zNi42NTUuMDM1LTU0Ljk4MS4wMTItMS41ODYuODg0LTMuNjMyIDIuMDU4LTQuNjczIDMyLjI4LTI4LjYyMiA2NC42OS01Ny4wOTggOTYuOTU0LTg1Ljc0IDMuNjU4LTMuMjQ3IDUuOTc5LTMuNDA5IDkuODQuMDM1IDMxLjgyOSAyOC4zOCA2My45MSA1Ni40NzcgOTUuNzk2IDg0Ljc5MyAxLjQ4NiAxLjMyIDIuMjM2IDMuODQgMi42MjIgNS45My40NDYgMi40MTgtLjE3OCA1LjAxOC4xNTUgNy40NzMgMi41MjMgMTguNi0zLjY4NCAzNS4wMzQtMTIuNDY0IDUwLjgzMy0zLjA3IDUuNTI1LTYuMjk2IDEwLjk2My05LjgzIDE2LjkwNS0uODA2IDEuMTk2LTEuMjM1IDEuOTI2LTEuNjYzIDIuNjU3IDAgMCAuMDc3LjAyNy0uMzE5LS4yMS0uNDQtNC41NjItLjUwNy04Ljg4Ni0uNTIzLTEzLjIxLS4wNTMtMTQuMTQyLjAwMi0yOC4yODUtLjE3LTQyLjQyNi0uMDc5LTYuNTYtMy4xMTYtMTAuNzM3LTguNjUyLTEwLjg1MWExNzYxLjM5MiAxNzYxLjM5MiAwIDAgMC01NC4zOTItLjI3OGMtNS43ODcuMDYtOS44IDQuMzc2LTkuODQ0IDkuOTA4LS4xNDMgMTcuOC0uMTQ3IDM1LjYwMy4wMDQgNTMuNDA0LjA0NyA1LjY1NCAzLjc4NCA5LjU1NiA5LjM4MyA5LjYwNyAxNy45NjQuMTYyIDM1LjkzMi4wMTggNTMuODk5LjAwMiAxLjk3Ni0uMDAxIDMuOTUzLjA2OCA1LjkzLjEwNHpNMjM2LjA1IDg3Ljk2NWM0Ljc4OSA4LjgxIDcuMzQzIDE3LjgxNSA3LjI3NCAyNy41NS0uMDg2IDEyLjEyMS0uMDIgMjQuMjQ0LS4wMiAzNy4xOTUtOS4wNzQtNy4yNzQtMTQuODktLjQ3Ny0yMS4wNjMgNC44OS04LjY1MSA3LjUyMS0xNy4yNzQgMTUuMDc1LTI2Ljg2IDIzLjQ0NS0uMTU3LTIuNjA0LS4zMDgtNC4xMzktLjMzMy01LjY3NS0uMjc4LTE3LjE2My0uNDY5LTM0LjMyOC0uODQtNTEuNDg4LS4xMTItNS4xMzUtMy4xNTUtOC43NzctNy42NjMtOS44My00LjgtMS4xMi04LjY5My41NTgtMTEuMTgzIDQuNjExLTEuMTQyIDEuODYtMS41NjcgNC4zODMtMS42NTIgNi42My0uMzE0IDguMzI1LS4zNDIgMTYuNjYtLjQ5OSAyNC45OTItLjAzIDEuNjA3LS4xNTYgMy4yMTItLjI5IDUuODM3LTIuNjgtMi4zNTQtNC42NDItNC4yMy02Ljc2LTUuOTA4LTUuNC00LjI3Ni0xMS40MjUtNC4zMjktMTUuMzk5LS4yNDMtMy43NjYgMy44NzItMy44MTQgMTAuNTk3LjU1OSAxNS40MjIgNi4xNDkgNi43ODUgMTIuNzIgMTMuMTg4IDE5LjExOCAxOS43NDcgNC4yNyA0LjM4IDQuMDQ4IDE0LjU5OC0uNTIzIDE4LjY3LTEwLjA1MyA4Ljk1My0yMC4xNjMgMTcuODQzLTMxLjQxIDI3Ljc4NC0yLjg4LTUuODIzLTYuNDQ2LTEwLjY3OC03LjcyMy0xNi4wNzUtMy4yNTMtMTMuNzQ4LTUuNTYtMjcuNjUzLTUuMTM1LTQxLjk5MS41ODUtMTkuNjUuMTE5LTM5LjMzLjM4My01OC45OTIuNDItMzEuMTk2IDI0LjgyMS01MS4wOSA0NS4yNzgtNTUuMjcxIDI2Ljc5Ni01LjQ3NyA1MC4wMDYgNS4wNTIgNjQuNzQyIDI4Ljd6TTQ0MC40OTQgMjEzdi01My43MjVjOC40MTMgMCAxNi4yMTktLjIwNyAyMy45OTQuMTg4IDEuNDE5LjA3MiAzLjI2IDIuMzYgMy45ODIgNC4wMjUgMTEuMDYgMjUuNDg1IDIxLjk2NCA1MS4wMzcgMzIuOTE5IDc2LjU2OC42MjUgMS40NTcgMS4zNzggMi44NiAyLjUyIDUuMjEyIDQuMjg4LTEwLjAwNiA4LjE5MS0xOS4xMDkgMTIuMDktMjguMjE1IDcuNjU4LTE3Ljg5IDE1LjQwNy0zNS43NDMgMjIuODg0LTUzLjcwOSAxLjMwOS0zLjE0NCAyLjg3LTQuMjczIDYuMjQtNC4xNSA3LjExMi4yNTggMTQuMjQuMDc4IDIxLjU5Ny4wNzh2MTE1LjU4MWgtMjIuOTU3VjIwMi42OGwtMS4wMzUtLjMzNmMtLjc3NCAxLjY4LTEuNjA4IDMuMzM0LTIuMzEyIDUuMDQzLTguNzQ1IDIxLjIyLTE3LjU0MiA0Mi40MjEtMjYuMTI0IDYzLjcwOC0xLjI0NCAzLjA4Ny0yLjY0MyA0LjQ3Mi02LjEwNSA0LjE5My00LjI4OC0uMzQ1LTguNjI2LS4wODItMTMuMTQ1LS4wODJsLTMwLjIxMi03Mi44NS0uOS4wODJ2NzIuNDg1aC0yMy40MzZWMjEzek0yNjUuNDAyIDE1Ni45OTRjLS4xMzEtMTQuODMuMTIyLTI5LjE3Ni0uNDgyLTQzLjQ4Ny0uOTM0LTIyLjEzNC05LjY1LTQwLjkxNS0yNS44NzUtNTYuMTE0LTEuMDgtMS4wMTItMi4yLTEuOTgtNC40MjEtMy45NzMgMTkuMTI1Ljc2IDM2LjcxMyAyLjc5IDU0LjM4NiA3LjI0LTkuMDg4IDIyLjAwMS03LjA5OSA0MS44MjcgMTAuODkzIDU4LjA5MiAxNS41NDIgMTQuMDUgMzMuNDk5IDE0LjUyNSA1Mi44OCA3LjQ2NSAxMC43ODcgNDEuMjUgMTAuMTUzIDgyLjU0IDEuMDk0IDEyNC40NTctNi4wNDUtNC40NjgtMTEuMzUyLTguMDM2LTEwLjg2LTE3LjEyNi44NDctMTUuNjEyLjE1LTMxLjMxNi0uMTM0LTQ2Ljk3Ny0uMTI1LTYuODczLTMuMzgyLTEwLjUxOC05LjA3NC0xMS4xMzQtNi40MjUtLjY5NS0xMS4zNTcgMy42MDUtMTEuNjQ2IDEwLjY4NS0uNDMgMTAuNDg4LS41MTUgMjAuOTktLjc1NyAzMS40ODUtLjAyNiAxLjEzLS4xMiAyLjI2LS4yNCA0LjQxOS01LjQ2LTQuNzc2LTEwLjI4OS04Ljk1OC0xNS4wNzEtMTMuMTkyLTEyLjEwMy0xMC43MTMtMjQuMDk1LTIxLjU1NC0zNi4zMzctMzIuMTA1LTMuMTcyLTIuNzMzLTQuOTU3LTUuNDQtNC40MzEtOS43NDYuMzgtMy4xMi4wNzQtNi4zMjQuMDc1LTkuOTg5ek0xMDUuMjkgMTk5LjY2NWM1LjIyMyAxOC4xODkgNS4xOTggMzYuMjU4IDIuNDYgNTQuMzU3LS40NzkgMy4xNjgtMi41ODcgNi4zNC00LjY0OSA4Ljk1My0yLjQ1MiAzLjEwOC01Ljg0MSA1LjQ1Ni04LjUwNiA4LjQyLTMuMzUgMy43MjUtNC4wNDIgOS4yNjktLjU0IDEyLjIyIDUuNDE0IDQuNTYzIDMuMDkgOC40NjEuNDQzIDEyLjc5NS0uNTEyLjgzNy0xLjEyMyAxLjYxMy0yLjA5IDIuOTg4LTIuOTg4LTIuNjYzLTUuODQ0LTUuMDgtOC41NTktNy42NDctMTguNDA2LTE3LjM5NS0zNC4wMjUtMzYuOTI1LTQ2LjM3OC01OS4xMzEtMy45MTYtNy4wMzktNC42ODctMTMuODIxLTMuMTUtMjEuNDcyIDUuMDE3LTI0Ljk3IDE1LjY1LTQ3LjYzOCAyOC4wNDUtNjkuNjA4IDIuNjA0LTQuNjE2IDUuNDM4LTkuMTAzIDguNzE1LTE0LjU2NiAxNC45NiAyMi45ODkgMjYuNzk5IDQ2LjU0NiAzNC4yMDkgNzIuNjl6TTEwNjAuNDc2IDI3Ni40MjJjLTEzLjc1IDEuMTUyLTI0LjkzLTMuMTg4LTM0LjU1NC0xNC4wNDJ2NTYuMzE2aC0yMy4wNHYtMTM1LjI3aDIyLjczNXYxMS43MDhjLjkxOS0uMzM1IDEuNDE1LS4zNjMgMS42NTktLjYyNiAxMS4zODYtMTIuMzA2IDI1LjUxNS0xNS41MDMgNDEuMDc0LTEwLjk3MiAxNi4wNDIgNC42NyAyNS4wOTQgMTYuNTQzIDI4LjQ3OCAzMi40ODMgMi45MDkgMTMuNzA3IDEuODU2IDI3LjIwOC01LjI1MyAzOS43MTYtNi43ODYgMTEuOTM5LTE2Ljk1NCAxOC45NDYtMzEuMDk5IDIwLjY4N200Ljc4Ni0yNS41ODVjOS40MjItOC44MzEgMTEuMzktMTkuNzA1IDcuODg2LTMxLjU4NS0yLjctOS4xNTctOS4wOTItMTUuMTg0LTE4LjYyMi0xNi44NDYtOS42NS0xLjY4My0xNy43MjggMS41NjgtMjMuNjY0IDkuNTQzLTQuNDEgNS45MjItNS40MjUgMTIuNzE2LTQuOTgyIDE5Ljg4Ni42IDkuNjk0IDQuNzA3IDE3LjM4MiAxMy40NDggMjEuODUxIDguNzgyIDQuNDkxIDE3LjM4MyAzLjQ0IDI1LjkzNC0yLjg0OXpNMTIxNC4yNDIgMjc1LjI1OWMtMjQuNjA1IDQuOTctNDUuOTQ3LTQuNjk0LTU0LjY2OC0yNC44MzItOS41NzQtMjIuMTA2LTQuNzI0LTU2Ljg0NiAyOC41Ny02Ni43MjUgMjIuNTE0LTYuNjggNDUuODUzIDIuNDc5IDU2LjI1NyAyMS45MjMgMTAuNjQ1IDE5Ljg5NSA2LjIyNCA0Ni4zNi0xMC44NyA1OS45NC01LjQyMiA0LjMwNi0xMi41MzggNi40NzgtMTkuMjg5IDkuNjk0bS00LjE5NC03Mi4xNzhjLTE0Ljk5OC00LjI0OC0yNy44MjEgMy4zMTMtMzAuNjA5IDE4LjQ5Ni0uODI3IDQuNTA5LS43OTQgOS4zNDItLjIxNiAxMy45MDkgMS4xODggOS4zOCA1Ljc0NSAxNi43NSAxNS4yMDYgMTkuNzQgOC44NzYgMi44MDUgMTcuMTMgMS4xNzggMjQuMTAxLTUuMjYxIDExLjAzNC0xMC4xOTIgMTEuNzE1LTM5LjMzNC04LjQ4Mi00Ni44ODR6TTY3Ni45NTggMjAwLjAwMnY3NC44M0g2NTMuODVsLS40Mi04LjY4MWMtNi4xMTEgMy4wNzEtMTEuNzU3IDcuMTUtMTguMDQ0IDguODM2LTE4LjQ3NiA0Ljk1NS00My45OTgtMi44MzQtNDUuNzQtMzMuNjk3LTEuMDc3LTE5LjA4LS4yLTM4LjI3Mi0uMi01Ny43OTVoMjMuMDE4djUuMTQ0Yy4wMDcgMTUuNDk5LS4xNjcgMzEgLjA3MyA0Ni40OTcuMjM4IDE1LjI4NyA5Ljg4IDIzLjMwNSAyNC44NiAyMS4xMjcgOC45OTgtMS4zMDggMTUuNDQzLTcuOTIyIDE1Ljc4NS0xNy44Ny41NjItMTYuMzEzLjM0Ni0zMi42NTIuNDUzLTQ4Ljk4LjAxMy0xLjk2Mi4wMDItMy45MjUuMDAyLTYuMDkyaDIzLjMyMXYxNi42ODF6TTcyMC44NDMgMjc1LjIxMWMtNy4xMi4wMS0xMy43NTQuMDEtMjAuNjUxLjAxdi05MS44MWgyMi42OTd2MTAuNTM2YzEuODc5LTEuNTE3IDIuOTU3LTIuMzI1IDMuOTY1LTMuMjExIDEzLjQ4NC0xMS44NTYgMzUuMTEzLTExLjk4OSA0OC42ODMtLjI2IDguMjYzIDcuMTQzIDExLjYxMiAxNi43MTcgMTEuOTAzIDI3LjEyNy40OSAxNy40NzguMjAxIDM0Ljk3OC4yMzkgNTIuNDY5LjAwMyAxLjQ3NSAwIDIuOTUgMCA0Ljc4N2gtMjMuNDA0YzAtMy44OTYuMDA1LTcuNjg3LS4wMDEtMTEuNDc3LS4wMjItMTMuODI3LjEyMy0yNy42NTctLjEyLTQxLjQ4LS4yMjEtMTIuNDk4LTcuODU5LTIwLjE2NC0xOS44MjgtMjAuNDYzLTEyLjEwNS0uMzAzLTIwLjY2NyA3LjMzOS0yMS4wMjMgMTkuODUyLS40NjkgMTYuNDgtLjE2IDMyLjk4LS4zMjcgNDkuNDctLjAxNSAxLjQ4Ni0xLjA3MyAyLjk2MS0yLjEzMyA0LjQ1ek05MTkuMjUgMjE0LjE4N2gtNC43OTRjLTUuNTEtMTAuMTItMTIuNDU3LTE0LjE1MS0yMS43LTEyLjc2NC05LjU4MyAxLjQzOC0xNi4xMiA3LjMwMy0xNy43MjkgMTguMjM5LTEuMDQgNy4wNzUtLjgzMiAxNC42OTYuNjQzIDIxLjY4NyAxLjg2IDguODExIDguMDkgMTQuNTE0IDE3LjUwNyAxNS4zNTUgOC44MTIuNzg3IDE2LjA5Ni0xLjgwOSAyMC4yMDgtMTAuNDkzLjQ3LS45OTMgMi4xNTctMS45NjUgMy4zMDQtMS45OTQgNy4xMzYtLjE4MiAxNC4yNzktLjA5MiAyMi4xMDgtLjA5Mi0yLjU1NCAxMS4zNjItOC40MTggMTkuODcxLTE3LjcyNSAyNS43Ni0yMi42MjYgMTQuMzEyLTY2LjcwNiA4LjExNS03MC40My0zNS4wMjQtMS4yMTQtMTQuMDY3IDEuMDk4LTI3LjMxNCAxMC43NDEtMzguMzA5IDExLjk2Ny0xMy42NDMgMjcuNTI1LTE2LjcyMyA0NC41Ni0xMy44OTggMTYuMjQ1IDIuNjk0IDI2Ljg0NyAxMi4zNzUgMzIuMDU0IDI3Ljk2OS4zMS45MjguNDM1IDEuOTE3Ljc5NiAzLjU2NEg5MTkuMjV6Ii8+IDxwYXRoIGZpbGw9IiMyYjM1NmMiIGQ9Ik0xMTUuNTM0IDc1LjY3N2MtNi45MTggMTEuMzQ3LTEwLjY3MiAyMy4yODYtMTAuODYyIDM2LjI0MS0uMTI0IDguNDIyLS4wMjMgMTYuODQ2LS4wMjMgMjUuMjdsLTEuOTI4LjRjLS44NjUtMS40NjItMS42OTgtMi45NDMtMi42LTQuMzgxLTYuMTktOS44NjYtMTIuMTE2LTE5LjkxNC0xOC42NzctMjkuNTI3LTYuMzU1LTkuMzEtMTMuNzUyLTkuMzMtMjAuMzQtLjA4OC0xNC41MzcgMjAuMzk2LTI2LjcxMSA0Mi4xNDYtMzYuMjE3IDY1LjM1My0uODAxIDEuOTU3LTEuNjM1IDMuOTAxLTIuNTk4IDYuMTk0LTcuODAxLTQ2LjI1NCA1My44Mi0xMTMuNjU0IDEwNy42NjMtMTE4LjMxNGE2Mzk3LjgwNyA2Mzk3LjgwNyAwIDAgMC0xNC40MTggMTguODUyek04MDkuNzMgMjMydi00OC42MThoMjIuODc0djkxLjU5M0g4MDkuNzNWMjMyek05NTYuMDA5IDI1MXYtNjcuNTk0aDIyLjgzOHY5MS41NDJoLTIyLjgzOFYyNTF6TTExMTUuMTYzIDE5MC4xMzJ2LTYuNjkzaDIyLjU4MnY5MS40MTJoLTIyLjU4MnYtODQuNzE5ek0xOTUuNjQ1IDM0Ni45OTV2MTYuNDk1Yy03LjA2LTMuNjY2LTEzLjQ2MS02LjkzMy0xOS43NzgtMTAuMzU0LS42NTktLjM1Ny0xLjE2MS0xLjYyOC0xLjE2NS0yLjQ3Ny0uMDY4LTE2LjA4Ni0uMDUtMzIuMTcyLS4wNS00OC40NDhoMjAuOTkzdjQ0Ljc4NHpNMzE5LjUyIDc0LjQ5NWMxMS42NSA4Ljc5MSAyMS4wNCAyMC40NzEgMjQuNjA0IDMwLjQ1Ny04LjQ0NyA2Ljg2MS0yMi43MDggNS4zNi0zMS4xNjUtMy4yOC05LjI3Mi05LjQ3My0xMC40MzQtMjMuMzI3LTIuNDQyLTMyLjgxOSAyLjg2NiAxLjc4NiA1Ljc5MSAzLjYwOCA5LjAwNCA1LjY0MnpNODI3LjUwOCAxNDYuMTkzYzcuNTM0IDQuNTU3IDkuOTMgMTEuMDYzIDYuODgyIDE3Ljg5MS0yLjgzMyA2LjM0OC05Ljk1MSA5LjM5Mi0xNy4xOTcgNy4zNTUtNi45NzItMS45Ni0xMC45Mi04LjA4Ny05LjgxNS0xNS4yMzQgMS4zMjgtOC42MDEgOS42MTUtMTIuODY1IDIwLjEzLTEwLjAxMnpNOTUzLjkzNiAxNjIuMDAzYy0yLjI3Mi0xMS43MjUgNy4zODMtMTkuMTk1IDE4LjIxMy0xNi40MyA1LjcyMiAxLjQ2IDkuNjExIDYuNTk2IDkuNzYxIDEyLjQ2OC4xNTYgNi4wOTYtMy4yNiAxMS4xNTctOC44NSAxMy4xMS02LjQ3NCAyLjI2My0xMy4zOTguMzYyLTE3LjAyMy00Ljc4OC0uODUtMS4yMDctMS4zNi0yLjY1Mi0yLjEwMS00LjM2ek0xMTE4LjU0NCAxNDcuMzkxYzUuODk3LTMuMjU4IDExLjQ5LTMuMzUzIDE2LjgzNC4yMiA0LjQyNyAyLjk2IDYuMTAzIDcuMzk3IDUuNTMzIDEyLjU4LS42OTEgNi4yOC01LjI1IDEwLjY5NC0xMS44MTcgMTEuNzYzLTYuMTI5Ljk5Ny0xMi40NjgtMi4xMTctMTUuMTA3LTcuNDItMi44NzMtNS43NzctMS4zMzYtMTEuODg1IDQuNTU3LTE3LjE0M3oiLz4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTI2Mi4wMDMgMzE3LjAwN1YzMDIuNTdoMzAuMzkzdjI5Ljk5OGgtMzAuMzkydi0xNS41NjF6Ii8+IDwvc3ZnPg==",
'alt' => 'Example logotype',
'classList' => ['c-logotype--align-center']
])
@endlogotype
Logotype in a link
Renders a logotype wrapped in an anchor tag, activating the hover highlight effect.
<a href="#"><!-- logotype.blade.php -->
<figure class="c-logotype" data-uid="6a79dcd2baaaa" data-component="logotype">
<img src=
"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjIxLjYyIDUzLjQyIDEyMjguNTMgMzI4LjU5IiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjcyIj4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTMxMC4yMjggMzU0Yy0xOC4wNjEgMjMuODk4LTQxLjU3IDMyLjgtNzAuODMzIDI1LjU2OC01Ljk2Ni0xLjQ3NC0xMS43NzYtMy41NzgtMTcuNzM3LTUuMDc1LTMuNTUtLjg5Mi00LjU3Ni0yLjctNC41NTctNi4zMjMuMTE3LTIzLjE1OC0uMDE2LTQ2LjMxOC0uMDgyLTY5LjQ3Ny0uMDA3LTIuNDk4LS4wNS01LS4xNzUtNy40OTQtLjMwNC02LjEzNS0zLjM0Ny05Ljk5My05LjM4Ny0xMC4xMzJhOTg1Ljg1NiA5ODUuODU2IDAgMCAwLTQ0LjQ2Ni0uMDIyYy02LjI2NS4xMzgtOS40NzggMy45NjMtOS41OCAxMC40NzgtLjIzIDE0LjgyNS0uMjA3IDI5LjY1NS0uMzA4IDQ0LjQ4Mi0uMDA4IDEuMjY2LS4xNzQgMi41My0uMzM5IDQuNzY2LTcuMTEyLTQuMjQtMTMuNjgzLTguMDI5LTIwLjA2Ni0xMi4xMTEtLjkxNC0uNTg1LTEuMjgzLTIuNTktMS4yODktMy45NDItLjA4Mi0xOC4zMjctLjEwNy0zNi42NTUuMDM1LTU0Ljk4MS4wMTItMS41ODYuODg0LTMuNjMyIDIuMDU4LTQuNjczIDMyLjI4LTI4LjYyMiA2NC42OS01Ny4wOTggOTYuOTU0LTg1Ljc0IDMuNjU4LTMuMjQ3IDUuOTc5LTMuNDA5IDkuODQuMDM1IDMxLjgyOSAyOC4zOCA2My45MSA1Ni40NzcgOTUuNzk2IDg0Ljc5MyAxLjQ4NiAxLjMyIDIuMjM2IDMuODQgMi42MjIgNS45My40NDYgMi40MTgtLjE3OCA1LjAxOC4xNTUgNy40NzMgMi41MjMgMTguNi0zLjY4NCAzNS4wMzQtMTIuNDY0IDUwLjgzMy0zLjA3IDUuNTI1LTYuMjk2IDEwLjk2My05LjgzIDE2LjkwNS0uODA2IDEuMTk2LTEuMjM1IDEuOTI2LTEuNjYzIDIuNjU3IDAgMCAuMDc3LjAyNy0uMzE5LS4yMS0uNDQtNC41NjItLjUwNy04Ljg4Ni0uNTIzLTEzLjIxLS4wNTMtMTQuMTQyLjAwMi0yOC4yODUtLjE3LTQyLjQyNi0uMDc5LTYuNTYtMy4xMTYtMTAuNzM3LTguNjUyLTEwLjg1MWExNzYxLjM5MiAxNzYxLjM5MiAwIDAgMC01NC4zOTItLjI3OGMtNS43ODcuMDYtOS44IDQuMzc2LTkuODQ0IDkuOTA4LS4xNDMgMTcuOC0uMTQ3IDM1LjYwMy4wMDQgNTMuNDA0LjA0NyA1LjY1NCAzLjc4NCA5LjU1NiA5LjM4MyA5LjYwNyAxNy45NjQuMTYyIDM1LjkzMi4wMTggNTMuODk5LjAwMiAxLjk3Ni0uMDAxIDMuOTUzLjA2OCA1LjkzLjEwNHpNMjM2LjA1IDg3Ljk2NWM0Ljc4OSA4LjgxIDcuMzQzIDE3LjgxNSA3LjI3NCAyNy41NS0uMDg2IDEyLjEyMS0uMDIgMjQuMjQ0LS4wMiAzNy4xOTUtOS4wNzQtNy4yNzQtMTQuODktLjQ3Ny0yMS4wNjMgNC44OS04LjY1MSA3LjUyMS0xNy4yNzQgMTUuMDc1LTI2Ljg2IDIzLjQ0NS0uMTU3LTIuNjA0LS4zMDgtNC4xMzktLjMzMy01LjY3NS0uMjc4LTE3LjE2My0uNDY5LTM0LjMyOC0uODQtNTEuNDg4LS4xMTItNS4xMzUtMy4xNTUtOC43NzctNy42NjMtOS44My00LjgtMS4xMi04LjY5My41NTgtMTEuMTgzIDQuNjExLTEuMTQyIDEuODYtMS41NjcgNC4zODMtMS42NTIgNi42My0uMzE0IDguMzI1LS4zNDIgMTYuNjYtLjQ5OSAyNC45OTItLjAzIDEuNjA3LS4xNTYgMy4yMTItLjI5IDUuODM3LTIuNjgtMi4zNTQtNC42NDItNC4yMy02Ljc2LTUuOTA4LTUuNC00LjI3Ni0xMS40MjUtNC4zMjktMTUuMzk5LS4yNDMtMy43NjYgMy44NzItMy44MTQgMTAuNTk3LjU1OSAxNS40MjIgNi4xNDkgNi43ODUgMTIuNzIgMTMuMTg4IDE5LjExOCAxOS43NDcgNC4yNyA0LjM4IDQuMDQ4IDE0LjU5OC0uNTIzIDE4LjY3LTEwLjA1MyA4Ljk1My0yMC4xNjMgMTcuODQzLTMxLjQxIDI3Ljc4NC0yLjg4LTUuODIzLTYuNDQ2LTEwLjY3OC03LjcyMy0xNi4wNzUtMy4yNTMtMTMuNzQ4LTUuNTYtMjcuNjUzLTUuMTM1LTQxLjk5MS41ODUtMTkuNjUuMTE5LTM5LjMzLjM4My01OC45OTIuNDItMzEuMTk2IDI0LjgyMS01MS4wOSA0NS4yNzgtNTUuMjcxIDI2Ljc5Ni01LjQ3NyA1MC4wMDYgNS4wNTIgNjQuNzQyIDI4Ljd6TTQ0MC40OTQgMjEzdi01My43MjVjOC40MTMgMCAxNi4yMTktLjIwNyAyMy45OTQuMTg4IDEuNDE5LjA3MiAzLjI2IDIuMzYgMy45ODIgNC4wMjUgMTEuMDYgMjUuNDg1IDIxLjk2NCA1MS4wMzcgMzIuOTE5IDc2LjU2OC42MjUgMS40NTcgMS4zNzggMi44NiAyLjUyIDUuMjEyIDQuMjg4LTEwLjAwNiA4LjE5MS0xOS4xMDkgMTIuMDktMjguMjE1IDcuNjU4LTE3Ljg5IDE1LjQwNy0zNS43NDMgMjIuODg0LTUzLjcwOSAxLjMwOS0zLjE0NCAyLjg3LTQuMjczIDYuMjQtNC4xNSA3LjExMi4yNTggMTQuMjQuMDc4IDIxLjU5Ny4wNzh2MTE1LjU4MWgtMjIuOTU3VjIwMi42OGwtMS4wMzUtLjMzNmMtLjc3NCAxLjY4LTEuNjA4IDMuMzM0LTIuMzEyIDUuMDQzLTguNzQ1IDIxLjIyLTE3LjU0MiA0Mi40MjEtMjYuMTI0IDYzLjcwOC0xLjI0NCAzLjA4Ny0yLjY0MyA0LjQ3Mi02LjEwNSA0LjE5My00LjI4OC0uMzQ1LTguNjI2LS4wODItMTMuMTQ1LS4wODJsLTMwLjIxMi03Mi44NS0uOS4wODJ2NzIuNDg1aC0yMy40MzZWMjEzek0yNjUuNDAyIDE1Ni45OTRjLS4xMzEtMTQuODMuMTIyLTI5LjE3Ni0uNDgyLTQzLjQ4Ny0uOTM0LTIyLjEzNC05LjY1LTQwLjkxNS0yNS44NzUtNTYuMTE0LTEuMDgtMS4wMTItMi4yLTEuOTgtNC40MjEtMy45NzMgMTkuMTI1Ljc2IDM2LjcxMyAyLjc5IDU0LjM4NiA3LjI0LTkuMDg4IDIyLjAwMS03LjA5OSA0MS44MjcgMTAuODkzIDU4LjA5MiAxNS41NDIgMTQuMDUgMzMuNDk5IDE0LjUyNSA1Mi44OCA3LjQ2NSAxMC43ODcgNDEuMjUgMTAuMTUzIDgyLjU0IDEuMDk0IDEyNC40NTctNi4wNDUtNC40NjgtMTEuMzUyLTguMDM2LTEwLjg2LTE3LjEyNi44NDctMTUuNjEyLjE1LTMxLjMxNi0uMTM0LTQ2Ljk3Ny0uMTI1LTYuODczLTMuMzgyLTEwLjUxOC05LjA3NC0xMS4xMzQtNi40MjUtLjY5NS0xMS4zNTcgMy42MDUtMTEuNjQ2IDEwLjY4NS0uNDMgMTAuNDg4LS41MTUgMjAuOTktLjc1NyAzMS40ODUtLjAyNiAxLjEzLS4xMiAyLjI2LS4yNCA0LjQxOS01LjQ2LTQuNzc2LTEwLjI4OS04Ljk1OC0xNS4wNzEtMTMuMTkyLTEyLjEwMy0xMC43MTMtMjQuMDk1LTIxLjU1NC0zNi4zMzctMzIuMTA1LTMuMTcyLTIuNzMzLTQuOTU3LTUuNDQtNC40MzEtOS43NDYuMzgtMy4xMi4wNzQtNi4zMjQuMDc1LTkuOTg5ek0xMDUuMjkgMTk5LjY2NWM1LjIyMyAxOC4xODkgNS4xOTggMzYuMjU4IDIuNDYgNTQuMzU3LS40NzkgMy4xNjgtMi41ODcgNi4zNC00LjY0OSA4Ljk1My0yLjQ1MiAzLjEwOC01Ljg0MSA1LjQ1Ni04LjUwNiA4LjQyLTMuMzUgMy43MjUtNC4wNDIgOS4yNjktLjU0IDEyLjIyIDUuNDE0IDQuNTYzIDMuMDkgOC40NjEuNDQzIDEyLjc5NS0uNTEyLjgzNy0xLjEyMyAxLjYxMy0yLjA5IDIuOTg4LTIuOTg4LTIuNjYzLTUuODQ0LTUuMDgtOC41NTktNy42NDctMTguNDA2LTE3LjM5NS0zNC4wMjUtMzYuOTI1LTQ2LjM3OC01OS4xMzEtMy45MTYtNy4wMzktNC42ODctMTMuODIxLTMuMTUtMjEuNDcyIDUuMDE3LTI0Ljk3IDE1LjY1LTQ3LjYzOCAyOC4wNDUtNjkuNjA4IDIuNjA0LTQuNjE2IDUuNDM4LTkuMTAzIDguNzE1LTE0LjU2NiAxNC45NiAyMi45ODkgMjYuNzk5IDQ2LjU0NiAzNC4yMDkgNzIuNjl6TTEwNjAuNDc2IDI3Ni40MjJjLTEzLjc1IDEuMTUyLTI0LjkzLTMuMTg4LTM0LjU1NC0xNC4wNDJ2NTYuMzE2aC0yMy4wNHYtMTM1LjI3aDIyLjczNXYxMS43MDhjLjkxOS0uMzM1IDEuNDE1LS4zNjMgMS42NTktLjYyNiAxMS4zODYtMTIuMzA2IDI1LjUxNS0xNS41MDMgNDEuMDc0LTEwLjk3MiAxNi4wNDIgNC42NyAyNS4wOTQgMTYuNTQzIDI4LjQ3OCAzMi40ODMgMi45MDkgMTMuNzA3IDEuODU2IDI3LjIwOC01LjI1MyAzOS43MTYtNi43ODYgMTEuOTM5LTE2Ljk1NCAxOC45NDYtMzEuMDk5IDIwLjY4N200Ljc4Ni0yNS41ODVjOS40MjItOC44MzEgMTEuMzktMTkuNzA1IDcuODg2LTMxLjU4NS0yLjctOS4xNTctOS4wOTItMTUuMTg0LTE4LjYyMi0xNi44NDYtOS42NS0xLjY4My0xNy43MjggMS41NjgtMjMuNjY0IDkuNTQzLTQuNDEgNS45MjItNS40MjUgMTIuNzE2LTQuOTgyIDE5Ljg4Ni42IDkuNjk0IDQuNzA3IDE3LjM4MiAxMy40NDggMjEuODUxIDguNzgyIDQuNDkxIDE3LjM4MyAzLjQ0IDI1LjkzNC0yLjg0OXpNMTIxNC4yNDIgMjc1LjI1OWMtMjQuNjA1IDQuOTctNDUuOTQ3LTQuNjk0LTU0LjY2OC0yNC44MzItOS41NzQtMjIuMTA2LTQuNzI0LTU2Ljg0NiAyOC41Ny02Ni43MjUgMjIuNTE0LTYuNjggNDUuODUzIDIuNDc5IDU2LjI1NyAyMS45MjMgMTAuNjQ1IDE5Ljg5NSA2LjIyNCA0Ni4zNi0xMC44NyA1OS45NC01LjQyMiA0LjMwNi0xMi41MzggNi40NzgtMTkuMjg5IDkuNjk0bS00LjE5NC03Mi4xNzhjLTE0Ljk5OC00LjI0OC0yNy44MjEgMy4zMTMtMzAuNjA5IDE4LjQ5Ni0uODI3IDQuNTA5LS43OTQgOS4zNDItLjIxNiAxMy45MDkgMS4xODggOS4zOCA1Ljc0NSAxNi43NSAxNS4yMDYgMTkuNzQgOC44NzYgMi44MDUgMTcuMTMgMS4xNzggMjQuMTAxLTUuMjYxIDExLjAzNC0xMC4xOTIgMTEuNzE1LTM5LjMzNC04LjQ4Mi00Ni44ODR6TTY3Ni45NTggMjAwLjAwMnY3NC44M0g2NTMuODVsLS40Mi04LjY4MWMtNi4xMTEgMy4wNzEtMTEuNzU3IDcuMTUtMTguMDQ0IDguODM2LTE4LjQ3NiA0Ljk1NS00My45OTgtMi44MzQtNDUuNzQtMzMuNjk3LTEuMDc3LTE5LjA4LS4yLTM4LjI3Mi0uMi01Ny43OTVoMjMuMDE4djUuMTQ0Yy4wMDcgMTUuNDk5LS4xNjcgMzEgLjA3MyA0Ni40OTcuMjM4IDE1LjI4NyA5Ljg4IDIzLjMwNSAyNC44NiAyMS4xMjcgOC45OTgtMS4zMDggMTUuNDQzLTcuOTIyIDE1Ljc4NS0xNy44Ny41NjItMTYuMzEzLjM0Ni0zMi42NTIuNDUzLTQ4Ljk4LjAxMy0xLjk2Mi4wMDItMy45MjUuMDAyLTYuMDkyaDIzLjMyMXYxNi42ODF6TTcyMC44NDMgMjc1LjIxMWMtNy4xMi4wMS0xMy43NTQuMDEtMjAuNjUxLjAxdi05MS44MWgyMi42OTd2MTAuNTM2YzEuODc5LTEuNTE3IDIuOTU3LTIuMzI1IDMuOTY1LTMuMjExIDEzLjQ4NC0xMS44NTYgMzUuMTEzLTExLjk4OSA0OC42ODMtLjI2IDguMjYzIDcuMTQzIDExLjYxMiAxNi43MTcgMTEuOTAzIDI3LjEyNy40OSAxNy40NzguMjAxIDM0Ljk3OC4yMzkgNTIuNDY5LjAwMyAxLjQ3NSAwIDIuOTUgMCA0Ljc4N2gtMjMuNDA0YzAtMy44OTYuMDA1LTcuNjg3LS4wMDEtMTEuNDc3LS4wMjItMTMuODI3LjEyMy0yNy42NTctLjEyLTQxLjQ4LS4yMjEtMTIuNDk4LTcuODU5LTIwLjE2NC0xOS44MjgtMjAuNDYzLTEyLjEwNS0uMzAzLTIwLjY2NyA3LjMzOS0yMS4wMjMgMTkuODUyLS40NjkgMTYuNDgtLjE2IDMyLjk4LS4zMjcgNDkuNDctLjAxNSAxLjQ4Ni0xLjA3MyAyLjk2MS0yLjEzMyA0LjQ1ek05MTkuMjUgMjE0LjE4N2gtNC43OTRjLTUuNTEtMTAuMTItMTIuNDU3LTE0LjE1MS0yMS43LTEyLjc2NC05LjU4MyAxLjQzOC0xNi4xMiA3LjMwMy0xNy43MjkgMTguMjM5LTEuMDQgNy4wNzUtLjgzMiAxNC42OTYuNjQzIDIxLjY4NyAxLjg2IDguODExIDguMDkgMTQuNTE0IDE3LjUwNyAxNS4zNTUgOC44MTIuNzg3IDE2LjA5Ni0xLjgwOSAyMC4yMDgtMTAuNDkzLjQ3LS45OTMgMi4xNTctMS45NjUgMy4zMDQtMS45OTQgNy4xMzYtLjE4MiAxNC4yNzktLjA5MiAyMi4xMDgtLjA5Mi0yLjU1NCAxMS4zNjItOC40MTggMTkuODcxLTE3LjcyNSAyNS43Ni0yMi42MjYgMTQuMzEyLTY2LjcwNiA4LjExNS03MC40My0zNS4wMjQtMS4yMTQtMTQuMDY3IDEuMDk4LTI3LjMxNCAxMC43NDEtMzguMzA5IDExLjk2Ny0xMy42NDMgMjcuNTI1LTE2LjcyMyA0NC41Ni0xMy44OTggMTYuMjQ1IDIuNjk0IDI2Ljg0NyAxMi4zNzUgMzIuMDU0IDI3Ljk2OS4zMS45MjguNDM1IDEuOTE3Ljc5NiAzLjU2NEg5MTkuMjV6Ii8+IDxwYXRoIGZpbGw9IiMyYjM1NmMiIGQ9Ik0xMTUuNTM0IDc1LjY3N2MtNi45MTggMTEuMzQ3LTEwLjY3MiAyMy4yODYtMTAuODYyIDM2LjI0MS0uMTI0IDguNDIyLS4wMjMgMTYuODQ2LS4wMjMgMjUuMjdsLTEuOTI4LjRjLS44NjUtMS40NjItMS42OTgtMi45NDMtMi42LTQuMzgxLTYuMTktOS44NjYtMTIuMTE2LTE5LjkxNC0xOC42NzctMjkuNTI3LTYuMzU1LTkuMzEtMTMuNzUyLTkuMzMtMjAuMzQtLjA4OC0xNC41MzcgMjAuMzk2LTI2LjcxMSA0Mi4xNDYtMzYuMjE3IDY1LjM1My0uODAxIDEuOTU3LTEuNjM1IDMuOTAxLTIuNTk4IDYuMTk0LTcuODAxLTQ2LjI1NCA1My44Mi0xMTMuNjU0IDEwNy42NjMtMTE4LjMxNGE2Mzk3LjgwNyA2Mzk3LjgwNyAwIDAgMC0xNC40MTggMTguODUyek04MDkuNzMgMjMydi00OC42MThoMjIuODc0djkxLjU5M0g4MDkuNzNWMjMyek05NTYuMDA5IDI1MXYtNjcuNTk0aDIyLjgzOHY5MS41NDJoLTIyLjgzOFYyNTF6TTExMTUuMTYzIDE5MC4xMzJ2LTYuNjkzaDIyLjU4MnY5MS40MTJoLTIyLjU4MnYtODQuNzE5ek0xOTUuNjQ1IDM0Ni45OTV2MTYuNDk1Yy03LjA2LTMuNjY2LTEzLjQ2MS02LjkzMy0xOS43NzgtMTAuMzU0LS42NTktLjM1Ny0xLjE2MS0xLjYyOC0xLjE2NS0yLjQ3Ny0uMDY4LTE2LjA4Ni0uMDUtMzIuMTcyLS4wNS00OC40NDhoMjAuOTkzdjQ0Ljc4NHpNMzE5LjUyIDc0LjQ5NWMxMS42NSA4Ljc5MSAyMS4wNCAyMC40NzEgMjQuNjA0IDMwLjQ1Ny04LjQ0NyA2Ljg2MS0yMi43MDggNS4zNi0zMS4xNjUtMy4yOC05LjI3Mi05LjQ3My0xMC40MzQtMjMuMzI3LTIuNDQyLTMyLjgxOSAyLjg2NiAxLjc4NiA1Ljc5MSAzLjYwOCA5LjAwNCA1LjY0MnpNODI3LjUwOCAxNDYuMTkzYzcuNTM0IDQuNTU3IDkuOTMgMTEuMDYzIDYuODgyIDE3Ljg5MS0yLjgzMyA2LjM0OC05Ljk1MSA5LjM5Mi0xNy4xOTcgNy4zNTUtNi45NzItMS45Ni0xMC45Mi04LjA4Ny05LjgxNS0xNS4yMzQgMS4zMjgtOC42MDEgOS42MTUtMTIuODY1IDIwLjEzLTEwLjAxMnpNOTUzLjkzNiAxNjIuMDAzYy0yLjI3Mi0xMS43MjUgNy4zODMtMTkuMTk1IDE4LjIxMy0xNi40MyA1LjcyMiAxLjQ2IDkuNjExIDYuNTk2IDkuNzYxIDEyLjQ2OC4xNTYgNi4wOTYtMy4yNiAxMS4xNTctOC44NSAxMy4xMS02LjQ3NCAyLjI2My0xMy4zOTguMzYyLTE3LjAyMy00Ljc4OC0uODUtMS4yMDctMS4zNi0yLjY1Mi0yLjEwMS00LjM2ek0xMTE4LjU0NCAxNDcuMzkxYzUuODk3LTMuMjU4IDExLjQ5LTMuMzUzIDE2LjgzNC4yMiA0LjQyNyAyLjk2IDYuMTAzIDcuMzk3IDUuNTMzIDEyLjU4LS42OTEgNi4yOC01LjI1IDEwLjY5NC0xMS44MTcgMTEuNzYzLTYuMTI5Ljk5Ny0xMi40NjgtMi4xMTctMTUuMTA3LTcuNDItMi44NzMtNS43NzctMS4zMzYtMTEuODg1IDQuNTU3LTE3LjE0M3oiLz4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTI2Mi4wMDMgMzE3LjAwN1YzMDIuNTdoMzAuMzkzdjI5Ljk5OGgtMzAuMzkydi0xNS41NjF6Ii8+IDwvc3ZnPg=="
alt="Example logotype" class="c-logotype__image" />
</figure></a>
<a href="#">
@logotype([
'src'=> "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjIxLjYyIDUzLjQyIDEyMjguNTMgMzI4LjU5IiB3aWR0aD0iMjY5IiBoZWlnaHQ9IjcyIj4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTMxMC4yMjggMzU0Yy0xOC4wNjEgMjMuODk4LTQxLjU3IDMyLjgtNzAuODMzIDI1LjU2OC01Ljk2Ni0xLjQ3NC0xMS43NzYtMy41NzgtMTcuNzM3LTUuMDc1LTMuNTUtLjg5Mi00LjU3Ni0yLjctNC41NTctNi4zMjMuMTE3LTIzLjE1OC0uMDE2LTQ2LjMxOC0uMDgyLTY5LjQ3Ny0uMDA3LTIuNDk4LS4wNS01LS4xNzUtNy40OTQtLjMwNC02LjEzNS0zLjM0Ny05Ljk5My05LjM4Ny0xMC4xMzJhOTg1Ljg1NiA5ODUuODU2IDAgMCAwLTQ0LjQ2Ni0uMDIyYy02LjI2NS4xMzgtOS40NzggMy45NjMtOS41OCAxMC40NzgtLjIzIDE0LjgyNS0uMjA3IDI5LjY1NS0uMzA4IDQ0LjQ4Mi0uMDA4IDEuMjY2LS4xNzQgMi41My0uMzM5IDQuNzY2LTcuMTEyLTQuMjQtMTMuNjgzLTguMDI5LTIwLjA2Ni0xMi4xMTEtLjkxNC0uNTg1LTEuMjgzLTIuNTktMS4yODktMy45NDItLjA4Mi0xOC4zMjctLjEwNy0zNi42NTUuMDM1LTU0Ljk4MS4wMTItMS41ODYuODg0LTMuNjMyIDIuMDU4LTQuNjczIDMyLjI4LTI4LjYyMiA2NC42OS01Ny4wOTggOTYuOTU0LTg1Ljc0IDMuNjU4LTMuMjQ3IDUuOTc5LTMuNDA5IDkuODQuMDM1IDMxLjgyOSAyOC4zOCA2My45MSA1Ni40NzcgOTUuNzk2IDg0Ljc5MyAxLjQ4NiAxLjMyIDIuMjM2IDMuODQgMi42MjIgNS45My40NDYgMi40MTgtLjE3OCA1LjAxOC4xNTUgNy40NzMgMi41MjMgMTguNi0zLjY4NCAzNS4wMzQtMTIuNDY0IDUwLjgzMy0zLjA3IDUuNTI1LTYuMjk2IDEwLjk2My05LjgzIDE2LjkwNS0uODA2IDEuMTk2LTEuMjM1IDEuOTI2LTEuNjYzIDIuNjU3IDAgMCAuMDc3LjAyNy0uMzE5LS4yMS0uNDQtNC41NjItLjUwNy04Ljg4Ni0uNTIzLTEzLjIxLS4wNTMtMTQuMTQyLjAwMi0yOC4yODUtLjE3LTQyLjQyNi0uMDc5LTYuNTYtMy4xMTYtMTAuNzM3LTguNjUyLTEwLjg1MWExNzYxLjM5MiAxNzYxLjM5MiAwIDAgMC01NC4zOTItLjI3OGMtNS43ODcuMDYtOS44IDQuMzc2LTkuODQ0IDkuOTA4LS4xNDMgMTcuOC0uMTQ3IDM1LjYwMy4wMDQgNTMuNDA0LjA0NyA1LjY1NCAzLjc4NCA5LjU1NiA5LjM4MyA5LjYwNyAxNy45NjQuMTYyIDM1LjkzMi4wMTggNTMuODk5LjAwMiAxLjk3Ni0uMDAxIDMuOTUzLjA2OCA1LjkzLjEwNHpNMjM2LjA1IDg3Ljk2NWM0Ljc4OSA4LjgxIDcuMzQzIDE3LjgxNSA3LjI3NCAyNy41NS0uMDg2IDEyLjEyMS0uMDIgMjQuMjQ0LS4wMiAzNy4xOTUtOS4wNzQtNy4yNzQtMTQuODktLjQ3Ny0yMS4wNjMgNC44OS04LjY1MSA3LjUyMS0xNy4yNzQgMTUuMDc1LTI2Ljg2IDIzLjQ0NS0uMTU3LTIuNjA0LS4zMDgtNC4xMzktLjMzMy01LjY3NS0uMjc4LTE3LjE2My0uNDY5LTM0LjMyOC0uODQtNTEuNDg4LS4xMTItNS4xMzUtMy4xNTUtOC43NzctNy42NjMtOS44My00LjgtMS4xMi04LjY5My41NTgtMTEuMTgzIDQuNjExLTEuMTQyIDEuODYtMS41NjcgNC4zODMtMS42NTIgNi42My0uMzE0IDguMzI1LS4zNDIgMTYuNjYtLjQ5OSAyNC45OTItLjAzIDEuNjA3LS4xNTYgMy4yMTItLjI5IDUuODM3LTIuNjgtMi4zNTQtNC42NDItNC4yMy02Ljc2LTUuOTA4LTUuNC00LjI3Ni0xMS40MjUtNC4zMjktMTUuMzk5LS4yNDMtMy43NjYgMy44NzItMy44MTQgMTAuNTk3LjU1OSAxNS40MjIgNi4xNDkgNi43ODUgMTIuNzIgMTMuMTg4IDE5LjExOCAxOS43NDcgNC4yNyA0LjM4IDQuMDQ4IDE0LjU5OC0uNTIzIDE4LjY3LTEwLjA1MyA4Ljk1My0yMC4xNjMgMTcuODQzLTMxLjQxIDI3Ljc4NC0yLjg4LTUuODIzLTYuNDQ2LTEwLjY3OC03LjcyMy0xNi4wNzUtMy4yNTMtMTMuNzQ4LTUuNTYtMjcuNjUzLTUuMTM1LTQxLjk5MS41ODUtMTkuNjUuMTE5LTM5LjMzLjM4My01OC45OTIuNDItMzEuMTk2IDI0LjgyMS01MS4wOSA0NS4yNzgtNTUuMjcxIDI2Ljc5Ni01LjQ3NyA1MC4wMDYgNS4wNTIgNjQuNzQyIDI4Ljd6TTQ0MC40OTQgMjEzdi01My43MjVjOC40MTMgMCAxNi4yMTktLjIwNyAyMy45OTQuMTg4IDEuNDE5LjA3MiAzLjI2IDIuMzYgMy45ODIgNC4wMjUgMTEuMDYgMjUuNDg1IDIxLjk2NCA1MS4wMzcgMzIuOTE5IDc2LjU2OC42MjUgMS40NTcgMS4zNzggMi44NiAyLjUyIDUuMjEyIDQuMjg4LTEwLjAwNiA4LjE5MS0xOS4xMDkgMTIuMDktMjguMjE1IDcuNjU4LTE3Ljg5IDE1LjQwNy0zNS43NDMgMjIuODg0LTUzLjcwOSAxLjMwOS0zLjE0NCAyLjg3LTQuMjczIDYuMjQtNC4xNSA3LjExMi4yNTggMTQuMjQuMDc4IDIxLjU5Ny4wNzh2MTE1LjU4MWgtMjIuOTU3VjIwMi42OGwtMS4wMzUtLjMzNmMtLjc3NCAxLjY4LTEuNjA4IDMuMzM0LTIuMzEyIDUuMDQzLTguNzQ1IDIxLjIyLTE3LjU0MiA0Mi40MjEtMjYuMTI0IDYzLjcwOC0xLjI0NCAzLjA4Ny0yLjY0MyA0LjQ3Mi02LjEwNSA0LjE5My00LjI4OC0uMzQ1LTguNjI2LS4wODItMTMuMTQ1LS4wODJsLTMwLjIxMi03Mi44NS0uOS4wODJ2NzIuNDg1aC0yMy40MzZWMjEzek0yNjUuNDAyIDE1Ni45OTRjLS4xMzEtMTQuODMuMTIyLTI5LjE3Ni0uNDgyLTQzLjQ4Ny0uOTM0LTIyLjEzNC05LjY1LTQwLjkxNS0yNS44NzUtNTYuMTE0LTEuMDgtMS4wMTItMi4yLTEuOTgtNC40MjEtMy45NzMgMTkuMTI1Ljc2IDM2LjcxMyAyLjc5IDU0LjM4NiA3LjI0LTkuMDg4IDIyLjAwMS03LjA5OSA0MS44MjcgMTAuODkzIDU4LjA5MiAxNS41NDIgMTQuMDUgMzMuNDk5IDE0LjUyNSA1Mi44OCA3LjQ2NSAxMC43ODcgNDEuMjUgMTAuMTUzIDgyLjU0IDEuMDk0IDEyNC40NTctNi4wNDUtNC40NjgtMTEuMzUyLTguMDM2LTEwLjg2LTE3LjEyNi44NDctMTUuNjEyLjE1LTMxLjMxNi0uMTM0LTQ2Ljk3Ny0uMTI1LTYuODczLTMuMzgyLTEwLjUxOC05LjA3NC0xMS4xMzQtNi40MjUtLjY5NS0xMS4zNTcgMy42MDUtMTEuNjQ2IDEwLjY4NS0uNDMgMTAuNDg4LS41MTUgMjAuOTktLjc1NyAzMS40ODUtLjAyNiAxLjEzLS4xMiAyLjI2LS4yNCA0LjQxOS01LjQ2LTQuNzc2LTEwLjI4OS04Ljk1OC0xNS4wNzEtMTMuMTkyLTEyLjEwMy0xMC43MTMtMjQuMDk1LTIxLjU1NC0zNi4zMzctMzIuMTA1LTMuMTcyLTIuNzMzLTQuOTU3LTUuNDQtNC40MzEtOS43NDYuMzgtMy4xMi4wNzQtNi4zMjQuMDc1LTkuOTg5ek0xMDUuMjkgMTk5LjY2NWM1LjIyMyAxOC4xODkgNS4xOTggMzYuMjU4IDIuNDYgNTQuMzU3LS40NzkgMy4xNjgtMi41ODcgNi4zNC00LjY0OSA4Ljk1My0yLjQ1MiAzLjEwOC01Ljg0MSA1LjQ1Ni04LjUwNiA4LjQyLTMuMzUgMy43MjUtNC4wNDIgOS4yNjktLjU0IDEyLjIyIDUuNDE0IDQuNTYzIDMuMDkgOC40NjEuNDQzIDEyLjc5NS0uNTEyLjgzNy0xLjEyMyAxLjYxMy0yLjA5IDIuOTg4LTIuOTg4LTIuNjYzLTUuODQ0LTUuMDgtOC41NTktNy42NDctMTguNDA2LTE3LjM5NS0zNC4wMjUtMzYuOTI1LTQ2LjM3OC01OS4xMzEtMy45MTYtNy4wMzktNC42ODctMTMuODIxLTMuMTUtMjEuNDcyIDUuMDE3LTI0Ljk3IDE1LjY1LTQ3LjYzOCAyOC4wNDUtNjkuNjA4IDIuNjA0LTQuNjE2IDUuNDM4LTkuMTAzIDguNzE1LTE0LjU2NiAxNC45NiAyMi45ODkgMjYuNzk5IDQ2LjU0NiAzNC4yMDkgNzIuNjl6TTEwNjAuNDc2IDI3Ni40MjJjLTEzLjc1IDEuMTUyLTI0LjkzLTMuMTg4LTM0LjU1NC0xNC4wNDJ2NTYuMzE2aC0yMy4wNHYtMTM1LjI3aDIyLjczNXYxMS43MDhjLjkxOS0uMzM1IDEuNDE1LS4zNjMgMS42NTktLjYyNiAxMS4zODYtMTIuMzA2IDI1LjUxNS0xNS41MDMgNDEuMDc0LTEwLjk3MiAxNi4wNDIgNC42NyAyNS4wOTQgMTYuNTQzIDI4LjQ3OCAzMi40ODMgMi45MDkgMTMuNzA3IDEuODU2IDI3LjIwOC01LjI1MyAzOS43MTYtNi43ODYgMTEuOTM5LTE2Ljk1NCAxOC45NDYtMzEuMDk5IDIwLjY4N200Ljc4Ni0yNS41ODVjOS40MjItOC44MzEgMTEuMzktMTkuNzA1IDcuODg2LTMxLjU4NS0yLjctOS4xNTctOS4wOTItMTUuMTg0LTE4LjYyMi0xNi44NDYtOS42NS0xLjY4My0xNy43MjggMS41NjgtMjMuNjY0IDkuNTQzLTQuNDEgNS45MjItNS40MjUgMTIuNzE2LTQuOTgyIDE5Ljg4Ni42IDkuNjk0IDQuNzA3IDE3LjM4MiAxMy40NDggMjEuODUxIDguNzgyIDQuNDkxIDE3LjM4MyAzLjQ0IDI1LjkzNC0yLjg0OXpNMTIxNC4yNDIgMjc1LjI1OWMtMjQuNjA1IDQuOTctNDUuOTQ3LTQuNjk0LTU0LjY2OC0yNC44MzItOS41NzQtMjIuMTA2LTQuNzI0LTU2Ljg0NiAyOC41Ny02Ni43MjUgMjIuNTE0LTYuNjggNDUuODUzIDIuNDc5IDU2LjI1NyAyMS45MjMgMTAuNjQ1IDE5Ljg5NSA2LjIyNCA0Ni4zNi0xMC44NyA1OS45NC01LjQyMiA0LjMwNi0xMi41MzggNi40NzgtMTkuMjg5IDkuNjk0bS00LjE5NC03Mi4xNzhjLTE0Ljk5OC00LjI0OC0yNy44MjEgMy4zMTMtMzAuNjA5IDE4LjQ5Ni0uODI3IDQuNTA5LS43OTQgOS4zNDItLjIxNiAxMy45MDkgMS4xODggOS4zOCA1Ljc0NSAxNi43NSAxNS4yMDYgMTkuNzQgOC44NzYgMi44MDUgMTcuMTMgMS4xNzggMjQuMTAxLTUuMjYxIDExLjAzNC0xMC4xOTIgMTEuNzE1LTM5LjMzNC04LjQ4Mi00Ni44ODR6TTY3Ni45NTggMjAwLjAwMnY3NC44M0g2NTMuODVsLS40Mi04LjY4MWMtNi4xMTEgMy4wNzEtMTEuNzU3IDcuMTUtMTguMDQ0IDguODM2LTE4LjQ3NiA0Ljk1NS00My45OTgtMi44MzQtNDUuNzQtMzMuNjk3LTEuMDc3LTE5LjA4LS4yLTM4LjI3Mi0uMi01Ny43OTVoMjMuMDE4djUuMTQ0Yy4wMDcgMTUuNDk5LS4xNjcgMzEgLjA3MyA0Ni40OTcuMjM4IDE1LjI4NyA5Ljg4IDIzLjMwNSAyNC44NiAyMS4xMjcgOC45OTgtMS4zMDggMTUuNDQzLTcuOTIyIDE1Ljc4NS0xNy44Ny41NjItMTYuMzEzLjM0Ni0zMi42NTIuNDUzLTQ4Ljk4LjAxMy0xLjk2Mi4wMDItMy45MjUuMDAyLTYuMDkyaDIzLjMyMXYxNi42ODF6TTcyMC44NDMgMjc1LjIxMWMtNy4xMi4wMS0xMy43NTQuMDEtMjAuNjUxLjAxdi05MS44MWgyMi42OTd2MTAuNTM2YzEuODc5LTEuNTE3IDIuOTU3LTIuMzI1IDMuOTY1LTMuMjExIDEzLjQ4NC0xMS44NTYgMzUuMTEzLTExLjk4OSA0OC42ODMtLjI2IDguMjYzIDcuMTQzIDExLjYxMiAxNi43MTcgMTEuOTAzIDI3LjEyNy40OSAxNy40NzguMjAxIDM0Ljk3OC4yMzkgNTIuNDY5LjAwMyAxLjQ3NSAwIDIuOTUgMCA0Ljc4N2gtMjMuNDA0YzAtMy44OTYuMDA1LTcuNjg3LS4wMDEtMTEuNDc3LS4wMjItMTMuODI3LjEyMy0yNy42NTctLjEyLTQxLjQ4LS4yMjEtMTIuNDk4LTcuODU5LTIwLjE2NC0xOS44MjgtMjAuNDYzLTEyLjEwNS0uMzAzLTIwLjY2NyA3LjMzOS0yMS4wMjMgMTkuODUyLS40NjkgMTYuNDgtLjE2IDMyLjk4LS4zMjcgNDkuNDctLjAxNSAxLjQ4Ni0xLjA3MyAyLjk2MS0yLjEzMyA0LjQ1ek05MTkuMjUgMjE0LjE4N2gtNC43OTRjLTUuNTEtMTAuMTItMTIuNDU3LTE0LjE1MS0yMS43LTEyLjc2NC05LjU4MyAxLjQzOC0xNi4xMiA3LjMwMy0xNy43MjkgMTguMjM5LTEuMDQgNy4wNzUtLjgzMiAxNC42OTYuNjQzIDIxLjY4NyAxLjg2IDguODExIDguMDkgMTQuNTE0IDE3LjUwNyAxNS4zNTUgOC44MTIuNzg3IDE2LjA5Ni0xLjgwOSAyMC4yMDgtMTAuNDkzLjQ3LS45OTMgMi4xNTctMS45NjUgMy4zMDQtMS45OTQgNy4xMzYtLjE4MiAxNC4yNzktLjA5MiAyMi4xMDgtLjA5Mi0yLjU1NCAxMS4zNjItOC40MTggMTkuODcxLTE3LjcyNSAyNS43Ni0yMi42MjYgMTQuMzEyLTY2LjcwNiA4LjExNS03MC40My0zNS4wMjQtMS4yMTQtMTQuMDY3IDEuMDk4LTI3LjMxNCAxMC43NDEtMzguMzA5IDExLjk2Ny0xMy42NDMgMjcuNTI1LTE2LjcyMyA0NC41Ni0xMy44OTggMTYuMjQ1IDIuNjk0IDI2Ljg0NyAxMi4zNzUgMzIuMDU0IDI3Ljk2OS4zMS45MjguNDM1IDEuOTE3Ljc5NiAzLjU2NEg5MTkuMjV6Ii8+IDxwYXRoIGZpbGw9IiMyYjM1NmMiIGQ9Ik0xMTUuNTM0IDc1LjY3N2MtNi45MTggMTEuMzQ3LTEwLjY3MiAyMy4yODYtMTAuODYyIDM2LjI0MS0uMTI0IDguNDIyLS4wMjMgMTYuODQ2LS4wMjMgMjUuMjdsLTEuOTI4LjRjLS44NjUtMS40NjItMS42OTgtMi45NDMtMi42LTQuMzgxLTYuMTktOS44NjYtMTIuMTE2LTE5LjkxNC0xOC42NzctMjkuNTI3LTYuMzU1LTkuMzEtMTMuNzUyLTkuMzMtMjAuMzQtLjA4OC0xNC41MzcgMjAuMzk2LTI2LjcxMSA0Mi4xNDYtMzYuMjE3IDY1LjM1My0uODAxIDEuOTU3LTEuNjM1IDMuOTAxLTIuNTk4IDYuMTk0LTcuODAxLTQ2LjI1NCA1My44Mi0xMTMuNjU0IDEwNy42NjMtMTE4LjMxNGE2Mzk3LjgwNyA2Mzk3LjgwNyAwIDAgMC0xNC40MTggMTguODUyek04MDkuNzMgMjMydi00OC42MThoMjIuODc0djkxLjU5M0g4MDkuNzNWMjMyek05NTYuMDA5IDI1MXYtNjcuNTk0aDIyLjgzOHY5MS41NDJoLTIyLjgzOFYyNTF6TTExMTUuMTYzIDE5MC4xMzJ2LTYuNjkzaDIyLjU4MnY5MS40MTJoLTIyLjU4MnYtODQuNzE5ek0xOTUuNjQ1IDM0Ni45OTV2MTYuNDk1Yy03LjA2LTMuNjY2LTEzLjQ2MS02LjkzMy0xOS43NzgtMTAuMzU0LS42NTktLjM1Ny0xLjE2MS0xLjYyOC0xLjE2NS0yLjQ3Ny0uMDY4LTE2LjA4Ni0uMDUtMzIuMTcyLS4wNS00OC40NDhoMjAuOTkzdjQ0Ljc4NHpNMzE5LjUyIDc0LjQ5NWMxMS42NSA4Ljc5MSAyMS4wNCAyMC40NzEgMjQuNjA0IDMwLjQ1Ny04LjQ0NyA2Ljg2MS0yMi43MDggNS4zNi0zMS4xNjUtMy4yOC05LjI3Mi05LjQ3My0xMC40MzQtMjMuMzI3LTIuNDQyLTMyLjgxOSAyLjg2NiAxLjc4NiA1Ljc5MSAzLjYwOCA5LjAwNCA1LjY0MnpNODI3LjUwOCAxNDYuMTkzYzcuNTM0IDQuNTU3IDkuOTMgMTEuMDYzIDYuODgyIDE3Ljg5MS0yLjgzMyA2LjM0OC05Ljk1MSA5LjM5Mi0xNy4xOTcgNy4zNTUtNi45NzItMS45Ni0xMC45Mi04LjA4Ny05LjgxNS0xNS4yMzQgMS4zMjgtOC42MDEgOS42MTUtMTIuODY1IDIwLjEzLTEwLjAxMnpNOTUzLjkzNiAxNjIuMDAzYy0yLjI3Mi0xMS43MjUgNy4zODMtMTkuMTk1IDE4LjIxMy0xNi40MyA1LjcyMiAxLjQ2IDkuNjExIDYuNTk2IDkuNzYxIDEyLjQ2OC4xNTYgNi4wOTYtMy4yNiAxMS4xNTctOC44NSAxMy4xMS02LjQ3NCAyLjI2My0xMy4zOTguMzYyLTE3LjAyMy00Ljc4OC0uODUtMS4yMDctMS4zNi0yLjY1Mi0yLjEwMS00LjM2ek0xMTE4LjU0NCAxNDcuMzkxYzUuODk3LTMuMjU4IDExLjQ5LTMuMzUzIDE2LjgzNC4yMiA0LjQyNyAyLjk2IDYuMTAzIDcuMzk3IDUuNTMzIDEyLjU4LS42OTEgNi4yOC01LjI1IDEwLjY5NC0xMS44MTcgMTEuNzYzLTYuMTI5Ljk5Ny0xMi40NjgtMi4xMTctMTUuMTA3LTcuNDItMi44NzMtNS43NzctMS4zMzYtMTEuODg1IDQuNTU3LTE3LjE0M3oiLz4gPHBhdGggZmlsbD0iIzJiMzU2YyIgZD0iTTI2Mi4wMDMgMzE3LjAwN1YzMDIuNTdoMzAuMzkzdjI5Ljk5OGgtMzAuMzkydi0xNS41NjF6Ii8+IDwvc3ZnPg==",
'alt' => 'Example logotype'
])
@endlogotype
</a>
Logotype masked
Renders a masked logotype using CSS mask properties.
<div style="height: 100px;">
<!-- logotype.blade.php -->
<figure class="c-logotype c-logotype--is-maskable" data-logotype-maskable="true" data-logotype-maskable-src="/assets/img/logotype.svg" style=
"--c-logotype--mask-image: url("/assets/img/logotype.svg");" data-uid="6a79dcd2badd0" data-component="logotype">
<img src="/assets/img/logotype.svg" alt="Masked logotype" class="c-logotype__image" />
</figure>
</div>
<div style="height: 100px;">
@logotype([
'src' => '/assets/img/logotype.svg',
'alt' => 'Masked logotype',
'maskable' => true,
'style' => 'height: 100px;',
])
@endlogotype
</div>
API
|
Parameter
|
Default
|
Description
|
|
src
|
false
|
A image source
|
|
alt
|
|
Alt text for the image
|
|
caption
|
|
A label below the logotype. eg company name
|
|
title
|
|
A title (not displayed)
|
|
placeholderText
|
Image missing
|
What to show if an invalid url is entered.
|
|
maskable
|
false
|
Enable mask mode by emitting the data-logotype-maskable attribute.
|
CSS API
|
Variable
|
Default
|
Type
|
Values
|
Description
|
|
--c-logotype--color--surface-contrast
|
var(--color--surface-contrast)
|
color
|
-
|
Used for text and icons on surface backgrounds with less contrast.
|
|
--c-logotype--color--primary
|
var(--color--primary)
|
color
|
-
|
Primary
|
|
--c-logotype--mask-enabled
|
1
|
select
|
0, 1
|
Enables or disables logotype masking.
|
