Hi, I'm
Asorn
8-year-old designer, senior B-end product design expert, deeply involved in design systems, accessible design, and design engineering, and also proficient in coding.
AI Engineering
Mobile Design
Codability
IX Design
B2B Design
Design System
Web Design
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 20 0 L 20 20 L 0 20 Z" fill="transparent" height="20px" id="k8wYbCyyz" transform="translate(1.8 1.8)" width="20px"/><path d="M 10 20 C 15.523 20 20 15.523 20 10 C 20 4.477 15.523 0 10 0 C 4.477 0 0 4.477 0 10 C 0 15.523 4.477 20 10 20 Z" fill="rgb(255, 171, 231)" height="20px" id="a8AVx_H_u" transform="translate(1.8 1.8)" width="20px"/><path d="M 0 8.123 C 0.001 3.636 3.638 0 8.125 0 C 12.611 0 16.248 3.637 16.249 8.124 C 16.249 12.611 12.612 16.248 8.126 16.249 L 7.467 16.249 L 7.467 16.221 C 3.25 15.876 0.002 12.354 0 8.123 Z M 8.328 14.928 C 12.06 14.817 15.006 11.721 14.932 7.988 C 14.858 4.255 11.791 1.279 8.058 1.316 C 4.324 1.354 1.317 4.391 1.318 8.124 C 1.321 11.882 4.368 14.927 8.126 14.928 Z" fill="rgb(184, 80, 154)" height="16.248717847792243px" id="bd0ekfXv8" transform="translate(3.674 3.676)" width="16.24871784045626px"/><path d="M 0.282 1.34 C 0.188 1.31 0.094 1.28 0 1.249 L 0.423 0 L 0.615 0.063 C 0.762 0.109 0.946 0.168 1.056 0.208 L 1.063 0.21 L 1.068 0.212 L 1.164 0.249 C 1.335 0.313 1.545 0.392 1.722 0.474 L 1.729 0.478 L 1.764 0.496 L 2.074 0.642 L 2.218 0.712 L 2.233 0.718 L 2.249 0.727 L 2.262 0.733 C 2.296 0.753 2.364 0.788 2.427 0.827 L 2.445 0.837 L 2.449 0.841 L 2.478 0.858 L 2.51 0.874 L 2.515 0.878 L 2.533 0.888 L 2.553 0.899 L 2.587 0.919 L 2.777 1.028 C 2.847 1.069 2.956 1.133 3.035 1.19 C 3.121 1.241 3.214 1.306 3.278 1.35 L 3.309 1.372 C 3.356 1.401 3.404 1.435 3.437 1.458 C 3.53 1.524 3.622 1.592 3.712 1.663 C 3.732 1.678 3.753 1.694 3.774 1.709 L 3.778 1.712 L 3.796 1.723 L 3.813 1.736 C 4.538 2.29 5.186 2.939 5.738 3.665 L 5.74 3.665 C 6.351 4.471 6.833 5.367 7.168 6.321 C 8.165 9.105 7.873 12.323 6.305 14.863 L 5.183 14.171 C 6.535 11.982 6.794 9.183 5.927 6.763 L 5.927 6.762 L 5.926 6.759 C 5.635 5.935 5.218 5.16 4.69 4.464 C 4.185 3.801 3.589 3.213 2.921 2.717 L 2.842 2.658 C 2.785 2.614 2.726 2.571 2.668 2.528 L 2.624 2.497 L 2.605 2.487 L 2.582 2.472 C 2.552 2.451 2.522 2.429 2.492 2.408 C 2.431 2.367 2.383 2.333 2.333 2.305 L 2.301 2.286 L 2.272 2.263 C 2.274 2.264 2.274 2.264 2.272 2.263 L 2.227 2.235 C 2.135 2.177 2.041 2.121 1.945 2.069 L 1.891 2.038 L 1.89 2.038 L 1.878 2.031 L 1.873 2.028 L 1.836 2.008 C 1.8 1.987 1.765 1.966 1.729 1.944 L 1.64 1.895 L 1.637 1.895 L 1.491 1.824 C 1.388 1.776 1.277 1.722 1.197 1.686 L 1.154 1.664 C 1.009 1.6 0.863 1.54 0.714 1.486 L 0.603 1.444 C 0.496 1.406 0.39 1.371 0.282 1.338 Z" fill="rgb(184, 80, 154)" height="14.86282051282051px" id="ErUsU5lFG" transform="translate(8.228 4.506)" width="7.747299331433147px"/><path d="M 3.503 3.065 L 3.5 3.065 C 2.504 2.889 1.548 2.531 0.679 2.012 L 0 3.141 C 1.006 3.744 2.113 4.158 3.267 4.363 C 4.42 4.572 5.602 4.571 6.755 4.36 C 9.078 3.928 11.167 2.67 12.635 0.818 L 11.601 0 C 10.333 1.6 8.528 2.688 6.521 3.063 C 5.523 3.245 4.501 3.246 3.503 3.065 Z M 2.999 12.562 L 4.292 12.814 C 5.268 7.84 10.353 5.117 14.415 6.224 L 14.762 4.953 C 9.976 3.647 4.124 6.819 2.999 12.56 Z" fill="rgb(184, 80, 154)" height="12.814102497512561px" id="XcUaHYfVI" transform="translate(4.765 5.919)" width="14.761538510444836px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g d="M 10.725 20 L 9.275 20 C 4.174 20 0 15.826 0 10.725 L 0 9.275 C 0 4.174 4.174 0 9.275 0 L 10.725 0 C 15.826 0 20 4.174 20 9.275 L 20 10.725 C 20 15.826 15.826 20 10.725 20 Z M 9.969 7.029 C 8.501 7.029 7.312 8.219 7.312 9.686 C 7.312 11.153 8.501 12.343 9.969 12.343 C 11.436 12.343 12.625 11.153 12.625 9.686 C 12.625 8.219 11.436 7.029 9.969 7.029 Z M 9.969 11.415 C 9.014 11.415 8.24 10.641 8.24 9.686 C 8.24 8.731 9.014 7.957 9.969 7.957 C 10.923 7.957 11.697 8.731 11.697 9.686 C 11.697 10.641 10.923 11.415 9.969 11.415 Z M 15.118 7.432 C 15.118 5.813 13.842 4.537 12.223 4.537 C 12.223 4.537 11.077 4.5 9.969 4.5 C 8.86 4.5 7.751 4.537 7.751 4.537 C 6.132 4.537 4.819 5.849 4.819 7.469 C 4.819 7.469 4.783 8.505 4.783 9.576 C 4.783 10.72 4.819 11.903 4.819 11.903 C 4.819 13.523 6.132 14.835 7.751 14.835 C 7.751 14.835 8.788 14.872 9.859 14.872 C 11.003 14.872 12.223 14.835 12.223 14.835 C 13.842 14.835 15.118 13.559 15.118 11.94 C 15.118 11.94 15.155 10.77 15.155 9.649 C 15.155 8.553 15.118 7.432 15.118 7.432 Z M 14.191 11.761 C 14.191 13.089 13.371 13.908 12.043 13.908 C 12.043 13.908 10.817 13.938 9.878 13.938 C 9 13.938 7.931 13.908 7.931 13.908 C 6.603 13.908 5.746 13.052 5.746 11.724 C 5.746 11.724 5.716 10.534 5.716 9.596 C 5.716 8.718 5.746 7.611 5.746 7.611 C 5.746 6.283 6.603 5.464 7.931 5.464 C 7.931 5.464 9.06 5.433 9.969 5.433 C 10.878 5.433 12.043 5.464 12.043 5.464 C 13.371 5.464 14.191 6.283 14.191 7.611 C 14.191 7.611 14.221 8.757 14.221 9.656 C 14.221 10.575 14.191 11.761 14.191 11.761 Z M 12.752 6.292 C 12.398 6.292 12.11 6.581 12.11 6.937 C 12.11 7.294 12.398 7.582 12.752 7.582 C 13.107 7.582 13.394 7.294 13.394 6.937 C 13.394 6.581 13.107 6.292 12.752 6.292 Z" fill="transparent" height="20px" id="u5ZljRIui" transform="translate(2 2)" width="20px"><path d="M 10.725 20 L 9.275 20 C 4.174 20 0 15.826 0 10.725 L 0 9.275 C 0 4.174 4.174 0 9.275 0 L 10.725 0 C 15.826 0 20 4.174 20 9.275 L 20 10.725 C 20 15.826 15.826 20 10.725 20 Z" fill="rgb(232, 13, 114)" height="20px" id="BizPtsA0F" width="20px"/><path d="M 5.186 2.529 C 3.719 2.529 2.529 3.719 2.529 5.186 C 2.529 6.653 3.719 7.843 5.186 7.843 C 6.653 7.843 7.843 6.653 7.843 5.186 C 7.843 3.719 6.653 2.529 5.186 2.529 Z M 5.186 6.915 C 4.231 6.915 3.457 6.141 3.457 5.186 C 3.457 4.231 4.231 3.457 5.186 3.457 C 6.141 3.457 6.915 4.231 6.915 5.186 C 6.915 6.141 6.141 6.915 5.186 6.915 Z M 10.335 2.932 C 10.335 1.313 9.059 0.037 7.44 0.037 C 7.44 0.037 6.295 0 5.186 0 C 4.077 0 2.969 0.037 2.969 0.037 C 1.349 0.037 0.037 1.349 0.037 2.969 C 0.037 2.969 0 4.005 0 5.076 C 0 6.22 0.037 7.403 0.037 7.403 C 0.037 9.023 1.349 10.335 2.969 10.335 C 2.969 10.335 4.005 10.372 5.076 10.372 C 6.22 10.372 7.44 10.335 7.44 10.335 C 9.059 10.335 10.335 9.059 10.335 7.44 C 10.335 7.44 10.372 6.27 10.372 5.149 C 10.372 4.053 10.335 2.932 10.335 2.932 Z M 9.408 7.261 C 9.408 8.589 8.589 9.408 7.261 9.408 C 7.261 9.408 6.034 9.438 5.096 9.438 C 4.218 9.438 3.148 9.408 3.148 9.408 C 1.82 9.408 0.964 8.552 0.964 7.224 C 0.964 7.224 0.933 6.034 0.933 5.096 C 0.933 4.218 0.964 3.111 0.964 3.111 C 0.964 1.783 1.82 0.964 3.148 0.964 C 3.148 0.964 4.277 0.933 5.186 0.933 C 6.095 0.933 7.261 0.964 7.261 0.964 C 8.589 0.964 9.408 1.783 9.408 3.111 C 9.408 3.111 9.439 4.257 9.439 5.156 C 9.438 6.075 9.408 7.261 9.408 7.261 Z M 7.97 1.792 C 7.615 1.792 7.328 2.081 7.328 2.437 C 7.328 2.794 7.615 3.082 7.97 3.082 C 8.324 3.082 8.611 2.794 8.611 2.437 C 8.611 2.081 8.324 1.792 7.97 1.792 Z" fill="rgb(255, 255, 255)" height="10.37202234178492px" id="ORSrByTJn" transform="translate(4.783 4.5)" width="10.372000029821265px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 0 0 L 20 0 L 20 20 L 0 20 Z" fill="transparent" height="19.999919529774022px" id="nlSIE4lRT" transform="translate(2 2)" width="20px"/><path d="M 0 3.344 C 0.002 1.498 1.498 0.002 3.344 0 C 5.189 0.002 6.685 1.498 6.687 3.344 C 6.685 5.189 5.189 6.685 3.344 6.687 C 1.498 6.685 0.002 5.189 0 3.344 Z" fill="rgb(26, 188, 254)" height="6.687152581237262px" id="ePYLMxpfx" transform="translate(12 8.656)" width="6.68717948717952px"/><path d="M 0 3.344 C 0.002 1.498 1.498 0.002 3.344 0 L 6.656 0 L 6.656 3.344 C 6.654 5.189 5.159 6.685 3.313 6.687 C 2.43 6.685 1.583 6.331 0.962 5.704 C 0.34 5.076 -0.006 4.227 0 3.344 Z" fill="rgb(10, 207, 131)" height="6.687152581237264px" id="AzjDLZOBo" transform="translate(5.344 15.313)" width="6.656490594912791px"/><path d="M 0 0 L 0 6.656 L 3.344 6.656 C 5.189 6.654 6.685 5.159 6.687 3.313 C 6.685 2.43 6.331 1.583 5.704 0.962 C 5.076 0.34 4.227 -0.006 3.344 0 Z" fill="rgb(255, 114, 98)" height="6.65646383745657px" id="oHqEdDBr3" transform="translate(12 2)" width="6.68717948717952px"/><path d="M 0 3.344 C 0.002 5.189 1.498 6.685 3.344 6.687 L 6.656 6.687 L 6.656 0 L 3.313 0 C 2.43 0.002 1.583 0.356 0.962 0.983 C 0.34 1.611 -0.006 2.46 0 3.344 Z" fill="rgb(242, 78, 30)" height="6.687152581237262px" id="GrtJedQcg" transform="translate(5.344 2)" width="6.656490594912791px"/><path d="M 0 3.344 C 0.002 5.189 1.498 6.685 3.344 6.687 L 6.656 6.687 L 6.656 0 L 3.313 0 C 2.43 0.002 1.583 0.356 0.962 0.983 C 0.34 1.611 -0.006 2.46 0 3.344 Z" fill="rgb(162, 89, 255)" height="6.687152581237262px" id="rvvn9zfvX" transform="translate(5.344 8.656)" width="6.656490594912791px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 0 10 C 0 14.095 2.462 17.612 5.986 19.159 C 5.958 18.461 5.981 17.622 6.16 16.863 C 6.352 16.051 7.447 11.414 7.447 11.414 C 7.447 11.414 7.127 10.775 7.127 9.832 C 7.127 8.35 7.986 7.243 9.056 7.243 C 9.965 7.243 10.405 7.926 10.405 8.744 C 10.405 9.659 9.822 11.026 9.522 12.293 C 9.271 13.354 10.054 14.219 11.1 14.219 C 12.995 14.219 14.271 11.786 14.271 8.902 C 14.271 6.711 12.795 5.07 10.11 5.07 C 7.076 5.07 5.187 7.332 5.187 9.859 C 5.187 10.73 5.443 11.345 5.846 11.821 C 6.031 12.039 6.056 12.127 5.99 12.378 C 5.942 12.562 5.831 13.005 5.786 13.18 C 5.719 13.434 5.514 13.524 5.285 13.431 C 3.888 12.86 3.237 11.33 3.237 9.61 C 3.237 6.77 5.633 3.364 10.384 3.364 C 14.202 3.364 16.715 6.126 16.715 9.092 C 16.715 13.015 14.534 15.945 11.319 15.945 C 10.24 15.945 9.224 15.362 8.876 14.699 C 8.876 14.699 8.296 17.003 8.173 17.448 C 7.961 18.219 7.546 18.989 7.166 19.59 C 8.086 19.862 9.041 20 10 20 C 15.523 20 20 15.523 20 10 C 20 4.477 15.523 0 10 0 C 4.478 0 0 4.477 0 10" fill="rgb(255, 61, 103)" height="20px" id="lTN__vJpn" transform="translate(2 2)" width="20px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><defs ><radialGradient cx="0.5" cy="0.5" gradient-transform="translate(0.5, 0.5) scale(1 1) translate(-0.5, -0.5)" id="hKarv2RsQ-481246232-radial-gradient" r="0.5"><stop offset="0" stop-color="rgb(255, 255, 255)"/><stop offset="1" stop-color="rgba(255, 255, 255, 0.64)"/></radialGradient></defs><path d="M 7.672 10.356 L 11.854 16 L 18 16 L 11.1 6.686 L 16.841 0 L 14.514 0 L 10.021 5.232 L 6.146 0 L 0 0 L 6.594 8.901 L 0.5 16 L 2.827 16 Z M 12.732 14.222 L 3.512 1.778 L 5.268 1.778 L 14.488 14.222 Z" fill="url(%23hKarv2RsQ-481246232-radial-gradient)" height="16px" id="hKarv2RsQ" transform="translate(3 4)" width="18px"/></svg>)