System Overview
The Calaxy Design System is a full scale, version controlled, production-grade design system built in Figma with an inventory of 1,943 components as of Calaxy App v1.7. The design system is home to 3 primary component types:
UI Foundation (eg. Text, Buttons, Color, Input Fields)
UI Modules (eg. Social Feed, Lists, Nav Bar)
Assets (eg. Graphics, Badges, Background Images)
The system is architected using Brad Frost's Atomic Design Methodology, which breaks UIs into fundamental, reusable building blocks, starting with atoms (basic elements like buttons, icons, fonts — what I refer to as the "UI Foundation") that combine into molecules (functional groups like a social feed item - what I refer to as "Modules" in this system).
After building and managing this system with my lead technical designer for over 2 years, I can confidently say it leaves no stone unturned. It is a tour de force that articulates UI designs with pixel-perfect precision and serves as the critical backbone to Calaxy's small, nimble, elite product team.
Managing Scale
The Calaxy app platform is a Progressive Web App built in vue.js (front end) comprised of 12 foundational product domains powering 112+ discreet functions made up of more than 282 user journeys across 2,000 individual app views. Driving design continuity across this much app surface area is an immense challenge.
I worked closely with my technical design lead to develop a UX design workflow that sought to maximize the proportion of existing DS components while minimizing the introduction of net new components with each successive design sprint. This approach helps actively avoid system bloat and the accumulation of technical debt. The design workflow contained both a "creative pass" completed by me, and a "technical pass" completed by my technical design lead.
Creative Pass:
The creative pass allowed me to rapidly design and test new features in high fidelity without worrying too much about technical constraints or engineering-handoff readiness. Given Calaxy is a product operating in a frontier domain (blockchain), this creative stage enabled me to experiment with + rapidly develop novel crypto-native design paradigms (like texting crypto and NFT gaslessly, without needing to copy/paste wallet addresses).
Technical Pass:
Once the creative pass was complete, the technical pass would tidy up the files, name layers, create new component inventory when needed, and markup the file with interaction notes that would be included in the engineering handoff. This approach enabled the Calaxy design team to operate at a design to engineering headcount ratio of 1:7 with lots of room to spare.
Engineering Handoff Experience
A world class design system should not only maintain continuity within the design team, but also massively reduce or eliminate interpretive ambiguity during development. In the early versions of the design system, we were achieving about 75% implementation accuracy in vue.js, requiring an average of 3 design feedback loops on staging environments before shipping a feature to production.
Most of the disconnect was in the fine details, often leaving front end developers with the need to make on-the-fly design decisions which led to discontinuity (gaps) between the figma designs and implemented front end code. I wanted to get that implementation accuracy number as close to 100% as possible to reduce the number of feedback loops per sprint and with it, overall ship time.
To accomplish this, I worked closely with my technical design lead, and Calaxy front-end engineers to map the Figma design system in Storybook, which allowed us to achieve "pixel perfect" vue.js components in an isolated environment. This resulted in a dramatic reduction in feeback loops, and transformed the front end development process to a modular "lego block" implementation flow. All told, we reduced overall cycle ship times by 30%, with near 100% vue.js implementation accuracy.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 15 14" xmlns="http://www.w3.org/2000/svg"><g d="M 0.055 14 L 0.055 0 L 15.055 0 L 15.055 14 Z M 11.855 0 L 14.155 0 L 9.105 5.941 L 15.005 14 L 10.375 14 L 6.75 9.103 L 2.6 14 L 0.3 14 L 5.65 7.646 L 0 0 L 4.745 0 L 8.02 4.474 Z M 11.05 12.605 L 12.325 12.605 L 4.075 1.343 L 2.705 1.343 Z" fill="transparent" height="14.000487999990582px" id="dqWcFU2Bq" transform="translate(0.055 0)" width="15.055087998509407px"><path d="M 0 14 L 0 0 L 15 0 L 15 14 Z" fill="transparent" height="14px" id="zWG_cE9Sq" transform="translate(0.055 0)" width="15px"/><path d="M 11.855 0 L 14.155 0 L 9.105 5.941 L 15.005 14 L 10.375 14 L 6.75 9.103 L 2.6 14 L 0.3 14 L 5.65 7.646 L 0 0 L 4.745 0 L 8.02 4.474 Z M 11.05 12.605 L 12.325 12.605 L 4.075 1.343 L 2.705 1.343 Z" fill="rgb(255, 255, 255)" height="13.999988px" id="pIwtcgpKq" transform="translate(0 0)" width="15.004987999999999px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><g d="M 0 14 L 0 0 L 14 0 L 14 14 Z M 3.15 14 L 0.175 14 L 0.175 4.638 L 3.15 4.638 Z M 1.663 3.325 C 0.701 3.325 0.001 2.625 0.001 1.663 C 0.001 0.7 0.788 0 1.663 0 C 2.626 0 3.326 0.7 3.326 1.663 C 3.326 2.625 2.626 3.325 1.663 3.325 Z M 14.001 14.001 L 11.026 14.001 L 11.026 8.925 C 11.026 7.438 10.413 7 9.538 7 C 8.663 7 7.788 7.7 7.788 9.013 L 7.788 14.001 L 4.813 14.001 L 4.813 4.638 L 7.613 4.638 L 7.613 5.95 C 7.876 5.338 8.926 4.375 10.413 4.375 C 12.076 4.375 13.826 5.338 13.826 8.225 L 13.826 14.001 Z" fill="transparent" height="14.000500000005811px" id="NFYEwrYcx" transform="translate(0 0)" width="14.000500000023752px"><path d="M 0 14 L 0 0 L 14 0 L 14 14 Z" fill="transparent" height="14px" id="tDAJo_UBz" width="14px"/><path d="M 3.15 14 L 0.175 14 L 0.175 4.637 L 3.15 4.637 Z M 1.663 3.325 C 0.7 3.325 0 2.625 0 1.663 C 0 0.7 0.788 0 1.663 0 C 2.625 0 3.325 0.7 3.325 1.663 C 3.325 2.625 2.625 3.325 1.663 3.325 Z M 14 14 L 11.025 14 L 11.025 8.925 C 11.025 7.437 10.412 7 9.537 7 C 8.662 7 7.787 7.7 7.787 9.013 L 7.787 14 L 4.813 14 L 4.813 4.638 L 7.613 4.638 L 7.613 5.95 C 7.875 5.337 8.925 4.375 10.412 4.375 C 12.075 4.375 13.825 5.337 13.825 8.225 L 13.825 14 Z" fill="rgb(255, 255, 255)" height="14.00001px" id="Q9KRIawx9" transform="translate(0 0)" width="14px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><g d="M 7 1.265 C 8.855 1.265 9.108 1.265 9.868 1.265 C 10.542 1.265 10.88 1.434 11.133 1.518 C 11.47 1.687 11.723 1.771 11.976 2.024 C 12.229 2.277 12.398 2.53 12.482 2.867 C 12.566 3.12 12.651 3.458 12.735 4.133 C 12.735 4.892 12.735 5.06 12.735 7 C 12.735 8.94 12.735 9.108 12.735 9.867 C 12.735 10.542 12.566 10.879 12.482 11.132 C 12.313 11.47 12.229 11.723 11.976 11.976 C 11.723 12.229 11.47 12.398 11.133 12.482 C 10.88 12.566 10.542 12.651 9.868 12.735 C 9.108 12.735 8.94 12.735 7 12.735 C 5.06 12.735 4.892 12.735 4.133 12.735 C 3.458 12.735 3.121 12.566 2.868 12.482 C 2.53 12.313 2.277 12.229 2.024 11.976 C 1.771 11.723 1.602 11.47 1.518 11.132 C 1.434 10.879 1.349 10.542 1.265 9.867 C 1.265 9.108 1.265 8.94 1.265 7 C 1.265 5.06 1.265 4.892 1.265 4.133 C 1.265 3.458 1.434 3.12 1.518 2.867 C 1.687 2.53 1.771 2.277 2.024 2.024 C 2.277 1.771 2.53 1.602 2.868 1.518 C 3.121 1.434 3.458 1.349 4.133 1.265 C 4.892 1.265 5.145 1.265 7 1.265 Z M 7 0 C 5.06 0 4.892 0 4.133 0 C 3.373 0 2.867 0.169 2.446 0.337 C 2.024 0.506 1.602 0.759 1.181 1.181 C 0.759 1.602 0.59 1.94 0.337 2.446 C 0.169 2.867 0.084 3.373 0 4.133 C 0 4.892 0 5.145 0 7 C 0 8.94 0 9.108 0 9.867 C 0 10.627 0.169 11.133 0.337 11.554 C 0.506 11.976 0.759 12.398 1.181 12.819 C 1.602 13.241 1.94 13.41 2.446 13.663 C 2.867 13.831 3.373 13.916 4.133 14 C 4.892 14 5.145 14 7 14 C 8.855 14 9.108 14 9.867 14 C 10.627 14 11.133 13.831 11.554 13.663 C 11.976 13.494 12.398 13.241 12.819 12.819 C 13.241 12.398 13.41 12.06 13.663 11.554 C 13.831 11.133 13.916 10.627 14 9.867 C 14 9.108 14 8.855 14 7 C 14 5.145 14 4.892 14 4.133 C 14 3.373 13.831 2.867 13.663 2.446 C 13.494 2.024 13.241 1.602 12.819 1.181 C 12.398 0.759 12.06 0.59 11.554 0.337 C 11.133 0.169 10.627 0.084 9.867 0 C 9.108 0 8.94 0 7 0 Z M 7 3.374 C 4.976 3.374 3.374 4.976 3.374 7 C 3.374 9.024 4.976 10.627 7 10.627 C 9.024 10.627 10.627 9.024 10.627 7 C 10.627 4.976 9.024 3.374 7 3.374 Z M 7 9.362 C 5.735 9.362 4.639 8.349 4.639 7 C 4.639 5.735 5.651 4.639 7 4.639 C 8.265 4.639 9.361 5.651 9.361 7 C 9.361 8.265 8.265 9.362 7 9.362 Z M 10.711 4.133 C 11.177 4.133 11.554 3.755 11.554 3.289 C 11.554 2.823 11.177 2.446 10.711 2.446 C 10.245 2.446 9.868 2.823 9.868 3.289 C 9.868 3.755 10.245 4.133 10.711 4.133 Z" fill="transparent" height="14px" id="vgpiInKKZ" width="14px"><path d="M 7 1.265 C 8.855 1.265 9.108 1.265 9.868 1.265 C 10.542 1.265 10.88 1.434 11.133 1.518 C 11.47 1.687 11.723 1.771 11.976 2.024 C 12.229 2.277 12.398 2.53 12.482 2.867 C 12.566 3.12 12.651 3.458 12.735 4.133 C 12.735 4.892 12.735 5.06 12.735 7 C 12.735 8.94 12.735 9.108 12.735 9.867 C 12.735 10.542 12.566 10.879 12.482 11.132 C 12.313 11.47 12.229 11.723 11.976 11.976 C 11.723 12.229 11.47 12.398 11.133 12.482 C 10.88 12.566 10.542 12.651 9.868 12.735 C 9.108 12.735 8.94 12.735 7 12.735 C 5.06 12.735 4.892 12.735 4.133 12.735 C 3.458 12.735 3.121 12.566 2.868 12.482 C 2.53 12.313 2.277 12.229 2.024 11.976 C 1.771 11.723 1.602 11.47 1.518 11.132 C 1.434 10.879 1.349 10.542 1.265 9.867 C 1.265 9.108 1.265 8.94 1.265 7 C 1.265 5.06 1.265 4.892 1.265 4.133 C 1.265 3.458 1.434 3.12 1.518 2.867 C 1.687 2.53 1.771 2.277 2.024 2.024 C 2.277 1.771 2.53 1.602 2.868 1.518 C 3.121 1.434 3.458 1.349 4.133 1.265 C 4.892 1.265 5.145 1.265 7 1.265 Z M 7 0 C 5.06 0 4.892 0 4.133 0 C 3.373 0 2.867 0.169 2.446 0.337 C 2.024 0.506 1.602 0.759 1.181 1.181 C 0.759 1.602 0.59 1.94 0.337 2.446 C 0.169 2.867 0.084 3.373 0 4.133 C 0 4.892 0 5.145 0 7 C 0 8.94 0 9.108 0 9.867 C 0 10.627 0.169 11.133 0.337 11.554 C 0.506 11.976 0.759 12.398 1.181 12.819 C 1.602 13.241 1.94 13.41 2.446 13.663 C 2.867 13.831 3.373 13.916 4.133 14 C 4.892 14 5.145 14 7 14 C 8.855 14 9.108 14 9.867 14 C 10.627 14 11.133 13.831 11.554 13.663 C 11.976 13.494 12.398 13.241 12.819 12.819 C 13.241 12.398 13.41 12.06 13.663 11.554 C 13.831 11.133 13.916 10.627 14 9.867 C 14 9.108 14 8.855 14 7 C 14 5.145 14 4.892 14 4.133 C 14 3.373 13.831 2.867 13.663 2.446 C 13.494 2.024 13.241 1.602 12.819 1.181 C 12.398 0.759 12.06 0.59 11.554 0.337 C 11.133 0.169 10.627 0.084 9.867 0 C 9.108 0 8.94 0 7 0 Z" fill="rgb(255, 255, 255)" height="14px" id="ppMcv2dDJ" width="14px"/><path d="M 3.627 0 C 1.602 0 0 1.602 0 3.627 C 0 5.651 1.602 7.253 3.627 7.253 C 5.651 7.253 7.253 5.651 7.253 3.627 C 7.253 1.602 5.651 0 3.627 0 Z M 3.626 5.988 C 2.361 5.988 1.265 4.976 1.265 3.627 C 1.265 2.361 2.277 1.265 3.626 1.265 C 4.891 1.265 5.988 2.277 5.988 3.627 C 5.988 4.892 4.891 5.988 3.626 5.988 Z" fill="rgb(255, 255, 255)" height="7.253px" id="OiNDFKl8M" transform="translate(3.373 3.373)" width="7.253px"/><path d="M 0.843 1.687 C 1.309 1.687 1.687 1.309 1.687 0.843 C 1.687 0.378 1.309 0 0.843 0 C 0.377 0 0 0.378 0 0.843 C 0 1.309 0.377 1.687 0.843 1.687 Z" fill="rgb(255, 255, 255)" height="1.68674px" id="zWg9LVD2A" transform="translate(9.867 2.446)" width="1.6867000000000019px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 14" xmlns="http://www.w3.org/2000/svg"><g d="M 0 14 L 0 0 L 20 0 L 20 14 Z M 0 14 L 0 0 L 20 0 L 20 14 Z M 19.582 2.186 C 19.352 1.325 18.675 0.649 17.814 0.418 C 16.255 0 10.001 0 10.001 0 C 10.001 0 3.746 0 2.187 0.418 C 1.326 0.649 0.649 1.325 0.419 2.186 C 0.001 3.745 0.001 7 0.001 7 C 0.001 7 0.001 10.255 0.419 11.814 C 0.649 12.675 1.326 13.351 2.187 13.582 C 3.746 14 10.001 14 10.001 14 C 10.001 14 16.255 14 17.814 13.582 C 18.675 13.351 19.352 12.675 19.582 11.814 C 20.001 10.255 20.001 7 20.001 7 C 20.001 7 19.999 3.745 19.582 2.186 Z M 7.998 10 L 13.194 7.001 L 7.998 4.001 Z" fill="transparent" height="14.000487999990582px" id="F4lTsz2Cb" width="20.000600000023752px"><path d="M 0 14 L 0 0 L 20 0 L 20 14 Z" fill="transparent" height="14px" id="qhZY11bzh" transform="translate(0 0)" width="20px"/><g d="M 0 14 L 0 0 L 20 0 L 20 14 Z M 19.582 2.186 C 19.352 1.325 18.675 0.649 17.814 0.418 C 16.255 0 10.001 0 10.001 0 C 10.001 0 3.746 0 2.187 0.418 C 1.326 0.649 0.649 1.325 0.419 2.186 C 0.001 3.745 0.001 7 0.001 7 C 0.001 7 0.001 10.255 0.419 11.814 C 0.649 12.675 1.326 13.351 2.187 13.582 C 3.746 14 10.001 14 10.001 14 C 10.001 14 16.255 14 17.814 13.582 C 18.675 13.351 19.352 12.675 19.582 11.814 C 20.001 10.255 20.001 7 20.001 7 C 20.001 7 19.999 3.745 19.582 2.186 Z M 7.998 10 L 13.194 7.001 L 7.998 4.001 Z" fill="transparent" height="14px" id="yPgEKWQ_C" transform="translate(0 0)" width="20.000600000023752px"><path d="M 0 14 L 0 0 L 20 0 L 20 14 Z" fill="transparent" height="14px" id="AzN2pS9hq" width="20px"/><path d="M 19.582 2.186 C 19.351 1.325 18.675 0.649 17.814 0.418 C 16.255 0 10 0 10 0 C 10 0 3.745 0 2.186 0.418 C 1.325 0.649 0.649 1.325 0.418 2.186 C 0 3.745 0 7 0 7 C 0 7 0 10.255 0.418 11.814 C 0.649 12.675 1.325 13.351 2.186 13.582 C 3.745 14 10 14 10 14 C 10 14 16.255 14 17.814 13.582 C 18.675 13.351 19.351 12.675 19.582 11.814 C 20 10.255 20 7 20 7 C 20 7 19.998 3.745 19.582 2.186 Z" fill="rgb(255, 255, 255)" height="13.999987999999998px" id="rQ1DF3hUB" transform="translate(0.001 0)" width="20.000100000000003px"/><path d="M 0 5.999 L 5.196 3 L 0 0 Z" fill="rgb(10, 14, 19)" height="5.999009999999998px" id="UwrPKkXux" transform="translate(7.998 4.001)" width="5.195900000000009px"/></g></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><g d="M 0 14 L 0 0 L 14 0 L 14 14 Z M 7.673 0.131 L 7.514 0.131 L 7.514 6.49 L 13.87 6.49 L 13.87 6.295 C 10.848 5.519 8.467 3.147 7.673 0.131 Z M 7.645 6.359 L 13.61 6.359 C 10.762 5.545 8.516 3.337 7.645 0.508 Z M 13.87 6.62 L 7.514 6.62 C 7.479 6.62 7.446 6.607 7.422 6.582 C 7.397 6.558 7.384 6.524 7.384 6.49 L 7.384 0.13 C 7.384 0.058 7.442 0 7.514 0 L 7.673 0 C 7.701 0 7.729 0.01 7.752 0.027 C 7.775 0.045 7.791 0.069 7.799 0.097 C 8.583 3.076 10.922 5.402 13.903 6.169 C 13.931 6.176 13.955 6.192 13.973 6.215 C 13.991 6.238 14 6.266 14 6.295 L 14 6.49 C 14 6.562 13.942 6.621 13.87 6.621 Z M 7.709 13.869 L 7.515 13.869 L 7.515 7.51 L 13.87 7.51 L 13.87 7.668 C 10.856 8.463 8.486 10.846 7.709 13.869 Z M 7.645 7.64 L 7.645 13.609 C 8.047 12.206 8.792 10.926 9.813 9.883 C 10.834 8.841 12.099 8.07 13.493 7.64 Z M 7.709 14 L 7.514 14 C 7.479 14 7.446 13.986 7.422 13.961 C 7.397 13.937 7.384 13.904 7.384 13.869 L 7.384 7.51 C 7.384 7.438 7.442 7.379 7.514 7.379 L 13.87 7.379 C 13.942 7.379 14 7.438 14 7.51 L 14 7.668 C 14 7.697 13.991 7.725 13.973 7.747 C 13.956 7.77 13.931 7.787 13.903 7.794 C 12.44 8.181 11.107 8.951 10.04 10.024 C 8.974 11.098 8.213 12.436 7.835 13.902 C 7.828 13.93 7.812 13.955 7.789 13.972 C 7.766 13.99 7.738 14 7.709 14 Z M 6.328 13.87 C 5.534 10.853 3.152 8.482 0.131 7.705 L 0.131 7.51 L 6.487 7.51 L 6.487 13.869 L 6.328 13.869 Z M 0.389 7.64 C 3.237 8.455 5.484 10.663 6.354 13.492 L 6.354 7.64 Z M 6.328 14 C 6.299 14 6.271 13.991 6.248 13.973 C 6.225 13.955 6.209 13.931 6.202 13.903 C 5.417 10.924 3.078 8.598 0.098 7.832 C 0.07 7.824 0.045 7.808 0.027 7.785 C 0.01 7.762 0 7.734 0 7.705 L 0 7.51 C 0 7.438 0.058 7.38 0.13 7.38 L 6.486 7.38 C 6.558 7.38 6.616 7.438 6.616 7.51 L 6.616 13.87 C 6.616 13.942 6.558 14 6.486 14 Z M 6.292 0.131 L 6.487 0.131 L 6.487 6.49 L 0.131 6.49 L 0.131 6.332 C 3.145 5.537 5.515 3.154 6.292 0.131 Z M 4.189 4.116 C 5.21 3.074 5.955 1.793 6.356 0.391 L 6.356 6.359 L 0.508 6.359 C 1.903 5.929 3.168 5.158 4.189 4.116 Z M 6.616 6.49 L 6.616 0.131 C 6.616 0.058 6.558 0 6.486 0 L 6.291 0 C 6.262 0 6.234 0.01 6.211 0.028 C 6.188 0.045 6.172 0.07 6.165 0.098 C 5.788 1.564 5.027 2.902 3.96 3.976 C 2.894 5.049 1.56 5.819 0.097 6.206 C 0.04 6.221 0 6.272 0 6.332 L 0 6.49 C 0 6.525 0.014 6.558 0.038 6.582 C 0.063 6.607 0.096 6.621 0.13 6.621 L 6.486 6.621 C 6.558 6.621 6.616 6.562 6.616 6.49 Z" fill="transparent" height="14.000200183496474px" id="CRFYEMKS8" width="14px"><path d="M 0 14 L 0 0 L 14 0 L 14 14 Z" fill="transparent" height="14px" id="mumQ0FgEn" width="14px"/><path d="M 0.159 0 L 0 0 L 0 6.359 L 6.356 6.359 L 6.356 6.164 C 3.334 5.388 0.953 3.016 0.159 0 Z" fill="rgb(255, 255, 255)" height="6.3595px" id="aX2dGoNKa" transform="translate(7.514 0.131)" width="6.356000000000009px"/><path d="M 0.261 6.359 L 6.226 6.359 C 3.378 5.545 1.132 3.337 0.261 0.508 Z M 6.486 6.62 L 0.13 6.62 C 0.095 6.62 0.062 6.607 0.038 6.582 C 0.013 6.558 0 6.524 0 6.49 L 0 0.13 C 0 0.058 0.058 0 0.13 0 L 0.289 0 C 0.317 0 0.345 0.01 0.368 0.027 C 0.391 0.045 0.407 0.069 0.415 0.097 C 1.199 3.076 3.538 5.402 6.519 6.169 C 6.547 6.176 6.571 6.192 6.589 6.215 C 6.607 6.238 6.616 6.266 6.616 6.295 L 6.616 6.49 C 6.616 6.562 6.558 6.621 6.486 6.621 Z M 0.325 13.869 L 0.131 13.869 L 0.131 7.51 L 6.486 7.51 L 6.486 7.668 C 3.472 8.463 1.102 10.846 0.325 13.869 Z" fill="rgb(255, 255, 255)" height="13.869300162506104px" id="IRIl7EqO1" transform="translate(7.384 0)" width="6.616px"/><path d="M 7.514 0.261 L 7.514 6.229 C 7.916 4.827 8.661 3.546 9.682 2.504 C 10.703 1.462 11.968 0.691 13.362 0.261 Z M 7.578 6.62 L 7.383 6.62 C 7.348 6.62 7.315 6.607 7.291 6.582 C 7.266 6.558 7.253 6.524 7.253 6.49 L 7.253 0.13 C 7.253 0.058 7.311 0 7.383 0 L 13.739 0 C 13.811 0 13.869 0.058 13.869 0.13 L 13.869 0.289 C 13.869 0.317 13.86 0.345 13.842 0.368 C 13.825 0.391 13.8 0.407 13.772 0.415 C 12.309 0.801 10.976 1.571 9.909 2.645 C 8.843 3.718 8.082 5.057 7.704 6.522 C 7.697 6.55 7.681 6.575 7.658 6.593 C 7.635 6.611 7.607 6.62 7.578 6.62 Z M 6.197 6.49 C 5.403 3.474 3.021 1.102 0 0.325 L 0 0.13 L 6.356 0.13 L 6.356 6.49 L 6.197 6.49 Z" fill="rgb(255, 255, 255)" height="6.62041px" id="TjBDTO5QO" transform="translate(0.131 7.379)" width="13.868999782562256px"/><path d="M 0.389 7.51 C 3.237 8.324 5.484 10.532 6.354 13.361 L 6.354 7.51 Z M 6.328 13.869 C 6.299 13.869 6.271 13.86 6.248 13.842 C 6.225 13.825 6.209 13.8 6.202 13.772 C 5.417 10.793 3.078 8.467 0.098 7.701 C 0.07 7.693 0.045 7.677 0.027 7.654 C 0.01 7.631 0 7.603 0 7.574 L 0 7.379 C 0 7.307 0.058 7.249 0.13 7.249 L 6.486 7.249 C 6.558 7.249 6.616 7.307 6.616 7.379 L 6.616 13.739 C 6.616 13.811 6.558 13.869 6.486 13.869 Z M 6.292 0 L 6.487 0 L 6.487 6.359 L 0.131 6.359 L 0.131 6.201 C 3.145 5.406 5.515 3.023 6.292 0 Z" fill="rgb(255, 255, 255)" height="13.869340182647704px" id="QeYL8OpQR" transform="translate(0 0.131)" width="6.616px"/><path d="M 4.189 4.116 C 5.21 3.074 5.955 1.793 6.356 0.391 L 6.356 6.359 L 0.508 6.359 C 1.903 5.929 3.168 5.158 4.189 4.116 Z M 6.616 6.49 L 6.616 0.131 C 6.616 0.058 6.558 0 6.486 0 L 6.291 0 C 6.262 0 6.234 0.01 6.211 0.028 C 6.188 0.045 6.172 0.07 6.165 0.098 C 5.788 1.564 5.027 2.902 3.96 3.976 C 2.894 5.049 1.56 5.819 0.097 6.206 C 0.04 6.221 0 6.272 0 6.332 L 0 6.49 C 0 6.525 0.014 6.558 0.038 6.582 C 0.063 6.607 0.096 6.621 0.13 6.621 L 6.486 6.621 C 6.558 6.621 6.616 6.562 6.616 6.49 Z" fill="rgb(255, 255, 255)" height="6.6206px" id="pFVv7NqXD" width="6.616px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 23 14" xmlns="http://www.w3.org/2000/svg"><g d="M 17.752 0 C 14.807 0 13.158 1.882 12.686 3.819 C 12.151 2.832 11.755 1.512 11.447 0.284 L 7.375 0.284 L 7.375 5.251 C 7.375 7.052 6.538 8.385 4.902 8.385 C 3.266 8.385 2.328 7.052 2.328 5.251 L 2.347 0.284 L 0 0.284 L 0 5.251 C 0 6.701 0.478 8.015 1.353 8.953 C 2.253 9.921 3.48 10.427 4.902 10.427 C 7.734 10.427 9.71 8.299 9.71 5.251 L 9.71 1.913 C 10.005 3.011 10.71 5.121 12.057 6.972 L 10.798 14 L 13.183 14 L 14.014 9.021 C 14.285 9.243 14.574 9.44 14.882 9.619 C 15.682 10.113 16.594 10.39 17.538 10.421 C 17.538 10.421 17.683 10.428 17.758 10.428 C 20.678 10.428 23 8.212 23 5.22 C 23 2.227 20.672 0 17.752 0 M 17.752 8.379 C 15.946 8.379 14.75 7.009 14.417 6.479 C 14.845 3.122 16.097 2.061 17.752 2.061 C 19.388 2.061 20.659 3.344 20.659 5.22 C 20.659 7.096 19.388 8.379 17.752 8.379 Z" fill="transparent" height="14px" id="BPCsStkyA" width="23px"><path d="M 17.752 0 C 14.807 0 13.158 1.882 12.686 3.819 C 12.151 2.832 11.755 1.512 11.447 0.284 L 7.375 0.284 L 7.375 5.251 C 7.375 7.052 6.538 8.385 4.902 8.385 C 3.266 8.385 2.328 7.052 2.328 5.251 L 2.347 0.284 L 0 0.284 L 0 5.251 C 0 6.701 0.478 8.015 1.353 8.953 C 2.253 9.921 3.48 10.427 4.902 10.427 C 7.734 10.427 9.71 8.299 9.71 5.251 L 9.71 1.913 C 10.005 3.011 10.71 5.121 12.057 6.972 L 10.798 14 L 13.183 14 L 14.014 9.021 C 14.285 9.243 14.574 9.44 14.882 9.619 C 15.682 10.113 16.594 10.39 17.538 10.421 C 17.538 10.421 17.683 10.428 17.758 10.428 C 20.678 10.428 23 8.212 23 5.22 C 23 2.227 20.672 0 17.752 0 M 17.752 8.379 C 15.946 8.379 14.75 7.009 14.417 6.479 C 14.845 3.122 16.097 2.061 17.752 2.061 C 19.388 2.061 20.659 3.344 20.659 5.22 C 20.659 7.096 19.388 8.379 17.752 8.379 Z" fill="rgb(255, 255, 255)" height="14px" id="mj4RMzmVv" width="23px"/></g></svg>)