Soja
CLIENT
Studential Project
DESIGN FIELD
UI, UX (App Design)
YEAR
2025
Explore Prototype
The Brief
The year is 2030, and you're designing an app for a new pharmaceutical product. I chose to create a smart necklace for combat soldiers of all kinds that got out of war and got trauma because of that.
The Problem
Deep Research
Since October 7th, there has been a tremendous increase in the number of soldiers experiencing war-related trauma.
Approximately 15,000 soldiers have received mental health treatment since the start of the war, comprising 10,000 mandatory service members, 1,000 career soldiers, and 4,000 reservists. Notably, of the 9,000 soldiers who specifically sought psychological assistance, about a quarter did not return to the war zone.
Despite the growing population at risk of developing PTSD, there remains a lack of an efficient platform dedicated to supporting them through this challenging period.
Market Analysis
PTSD Coach
An app that recommends daily activities and a massive library of meditations, breathing exercies and more
Virtual Hope Box
An app for meditation and grounding. Users can build personalized "hope boxes" filled with the own music, meditations, etc.
Moving Forward
An app that helps the soldiers in the transition back to civilian life, by setting goals, daily routines and regaining control and stability in their life
User Persona
Eylon Berda
AGE
24
LOCATION
Jerusalem, Israel
JOB
Unemployed
BIO
Eylon is a 24 years old male. He is currently lives at home with his parents, he has a girlfriend who lives at Kfar Saba. During the week he works out, study to his SATs and trying to transition his life and mindset his civilian life before the war. Although having a schedule, Eylon can't seem to go by it, everytime he starts, his mind starts to wonder to events from the last time he was at the army, and he just can't seem to find the inner peace, required for studying, or let alone live a quiet life with all the problems and wonders you have by being a civilian.
EXISTING HABITS & REACTIONS
While he's trying to study, he can't seem to focus, so he gives up
If he's feeling stressed, he's going out to smoke a cigarette
If he's experiencing a flashback he sends a message to his friend
During the week between the sessions he feels lonely so he sometimes give up before trying, but he does not want to rely on his psychologist so he just buries it inside and wait for the next session.
TECHNOLOGY
He uses his phone most of the day, doomscrolling through YouTube, TikTok, Instagram Reels and more
Dismissing messages from his friends and family
GOALS
Feeling calm and able during study sessions
Being present at social events
Successfully manage a schedule
Jobs to be Done
When an intrusive thought hits me right in the middle of a task, I want to calm myself down so i can regain focus and finish the task successfully and efficiently.
When I transition back to civilian life after the army, I want to be able to keep a daily schedule without being overstimulated by the ammount of missions I have, so I can feel like I am moving forward.
When I feel too overwhelmed by emotions to handle it alone, I want to have the option to signal that I am in a crisis without telling them myself, so I can get support without feeling like a burden or having to justify why I need help
Userflow
Wireframes
SOS
Daily Schedule
My Journal
My Activities
My Chats
Home
Design System
Logo, Symbol and Name
Soja, a Finnish word for letting go, release the past (sojata). the idea of the whole brand image is to create a feel of unity, embracing the trauma, and healing by embracing it.
Typography
Simpler Alte by Hagilda
WHAT IS THE REASON BEHIND THE DECISION?
Simpler is a widely used font throughout apps of all kinds. The 'Alte' version, in contrast to the regular font, suggest a smooth edges and feeling all around. The idea was to bring a familiar look in the letters, so at least something will fill known and familiar to their eyes
Headlines
Big Headline
Semi-Bold
32pt
Headline
Regular
24pt
Small Headline
Regular
18pt
Body
Body
Regular
18pt
Nano Body
Regular
14pt
Iconography
![](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 7.266 C 0 3.259 3.259 0 7.266 0 C 10.968 0 14.03 2.784 14.474 6.369 L 14.475 6.364 C 14.479 6.397 14.482 6.428 14.485 6.46 C 14.49 6.499 14.494 6.537 14.498 6.576 C 14.812 9.629 14.634 10.439 16.516 10.84 L 16.516 10.84 C 18.503 11.255 20 13.02 20 15.129 C 20 17.544 18.035 19.51 15.619 19.51 C 14.299 19.51 13.114 18.922 12.31 17.995 L 12.31 17.996 C 12.307 17.992 12.304 17.988 12.301 17.985 C 12.14 17.798 11.994 17.597 11.865 17.385 C 10.975 16.039 10.605 14.876 6.951 14.524 L 6.952 14.523 C 3.091 14.358 0 11.167 0 7.266 Z M 15.619 17.844 C 17.116 17.844 18.334 16.626 18.334 15.129 C 18.334 13.632 17.116 12.414 15.619 12.414 C 14.122 12.414 12.904 13.632 12.904 15.129 C 12.904 16.626 14.122 17.844 15.619 17.844 Z M 7.266 12.667 C 10.244 12.667 12.667 10.244 12.667 7.266 C 12.667 4.287 10.244 1.864 7.266 1.864 C 4.287 1.864 1.864 4.287 1.864 7.266 C 1.864 10.244 4.287 12.667 7.266 12.667 Z" fill="rgb(0, 0, 0)" height="19.509561456305967px" id="qiEzyrur3" 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"><g d="M 20 20 L 20 0 L 0 0 L 0 20 Z M 10 20 C 15.514 20 20 15.514 20 10 C 20 4.486 15.514 0 10 0 C 4.486 0 0 4.486 0 10 C 0 15.514 4.486 20 10 20 Z M 10 1.818 C 14.511 1.818 18.182 5.488 18.182 10 C 18.182 14.512 14.511 18.182 10 18.182 C 5.489 18.182 1.818 14.512 1.818 10 C 1.818 5.488 5.489 1.818 10 1.818 Z M 10.001 16.508 C 13.589 16.508 16.508 13.588 16.508 10 C 16.508 6.412 13.589 3.493 10.001 3.493 C 6.412 3.493 3.493 6.412 3.493 10 C 3.493 13.588 6.412 16.508 10.001 16.508 Z M 10.001 4.856 C 12.837 4.856 15.145 7.164 15.145 10 C 15.145 12.837 12.837 15.144 10.001 15.144 C 7.164 15.144 4.857 12.837 4.857 10 C 4.857 7.164 7.164 4.856 10.001 4.856 Z M 10.001 13.179 C 11.753 13.179 13.179 11.753 13.179 10 C 13.179 8.247 11.753 6.821 10.001 6.821 C 8.248 6.821 6.822 8.247 6.822 10 C 6.822 11.753 8.248 13.179 10.001 13.179 Z M 10.001 7.73 C 11.252 7.73 12.27 8.748 12.27 10 C 12.27 11.251 11.252 12.269 10.001 12.269 C 8.749 12.269 7.731 11.251 7.731 10 C 7.731 8.748 8.749 7.73 10.001 7.73 Z" fill="transparent" height="20px" id="X7aQoj7N1" transform="translate(2 2)" width="20px"><path d="M 20 20 L 20 0 L 0 0 L 0 20 Z" fill="transparent" height="20px" id="uod4Oj3lT" width="20px"/><path d="M 10 20 C 15.514 20 20 15.514 20 10 C 20 4.486 15.514 0 10 0 C 4.486 0 0 4.486 0 10 C 0 15.514 4.486 20 10 20 Z M 10 1.818 C 14.511 1.818 18.182 5.488 18.182 10 C 18.182 14.512 14.511 18.182 10 18.182 C 5.489 18.182 1.818 14.512 1.818 10 C 1.818 5.488 5.489 1.818 10 1.818 Z" fill="rgb(0, 0, 0)" height="20px" id="aKkBUR7ok" transform="translate(0 0)" width="19.999957159175892px"/><path d="M 6.508 13.015 C 10.096 13.015 13.015 10.096 13.015 6.508 C 13.015 2.919 10.096 0 6.508 0 C 2.919 0 0 2.919 0 6.508 C 0 10.096 2.919 13.015 6.508 13.015 Z M 6.508 1.364 C 9.344 1.364 11.651 3.671 11.651 6.508 C 11.651 9.344 9.344 11.651 6.508 11.651 C 3.671 11.651 1.364 9.344 1.364 6.508 C 1.364 3.671 3.671 1.364 6.508 1.364 Z" fill="rgb(0, 0, 0)" height="13.015119744887983px" id="jP8HhoFO7" transform="translate(3.493 3.493)" width="13.015076286985845px"/><path d="M 3.179 6.357 C 4.931 6.357 6.357 4.931 6.357 3.179 C 6.357 1.426 4.931 0 3.179 0 C 1.426 0 0 1.426 0 3.179 C 0 4.931 1.426 6.357 3.179 6.357 Z M 3.179 0.909 C 4.43 0.909 5.448 1.927 5.448 3.179 C 5.448 4.43 4.43 5.448 3.179 5.448 C 1.927 5.448 0.909 4.43 0.909 3.179 C 0.909 1.927 1.927 0.909 3.179 0.909 Z" fill="rgb(0, 0, 0)" height="6.357452780391412px" id="Xy5rR3yYc" transform="translate(6.822 6.821)" width="6.357348609780274px"/></g></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 20 18.991 L 20 0 L 0 0 L 0 18.991 Z M 1.665 0.081 C 3.885 -0.109 6.074 0.037 8.17 0.514 C 8.686 0.632 9.203 0.771 9.705 0.928 C 9.74 0.939 9.774 0.951 9.807 0.963 C 9.931 1.01 10.069 1.01 10.192 0.963 C 10.226 0.951 10.26 0.939 10.294 0.928 C 10.797 0.771 11.314 0.632 11.829 0.514 C 13.926 0.036 16.115 -0.109 18.334 0.081 C 19.284 0.162 20 0.854 20 1.69 L 20 14.742 C 20 15.613 19.222 16.322 18.229 16.358 C 16.57 16.417 14.938 16.631 13.361 16.995 C 12.571 17.178 11.851 17.542 11.273 18.047 L 10.325 18.875 C 10.148 19.03 9.861 19.03 9.683 18.876 L 8.724 18.042 C 8.148 17.54 7.43 17.178 6.643 16.996 C 5.065 16.631 3.432 16.417 1.771 16.358 C 0.778 16.322 0 15.613 0 14.742 L 0 1.69 C 0 0.854 0.716 0.162 1.665 0.081 Z M 18.148 14.366 L 18.154 2.443 C 18.154 2.008 17.759 1.655 17.262 1.634 C 16.993 1.623 16.725 1.618 16.458 1.618 C 14.535 1.618 13.188 1.827 12.291 2.039 C 11.484 2.229 10.926 2.87 10.926 3.6 L 10.926 15.406 C 10.926 15.677 11.23 15.869 11.525 15.784 C 13.513 15.212 15.596 14.868 17.717 14.761 C 17.958 14.749 18.148 14.577 18.148 14.366 Z M 8.475 15.784 L 8.482 15.786 C 8.774 15.869 9.074 15.679 9.074 15.411 C 9.074 15.411 9.072 6.827 9.071 3.63 C 9.071 2.906 8.519 2.266 7.717 2.083 C 7.712 2.082 7.708 2.081 7.703 2.079 C 6.469 1.798 5.617 1.485 2.727 1.635 C 2.237 1.66 1.852 2.013 1.852 2.442 L 1.847 14.365 C 1.847 14.576 2.036 14.748 2.278 14.76 C 4.404 14.868 6.486 15.212 8.475 15.784 Z" fill="transparent" height="18.991265447566157px" id="PLUL6gRwQ" transform="translate(2 3)" width="20px"><path d="M 20 18.991 L 20 0 L 0 0 L 0 18.991 Z" fill="transparent" height="18.99126521854302px" id="UxNubrcCJ" width="20px"/><path d="M 1.665 0.081 C 3.885 -0.109 6.074 0.037 8.17 0.514 C 8.686 0.632 9.203 0.771 9.705 0.928 C 9.74 0.939 9.774 0.951 9.807 0.963 C 9.931 1.01 10.069 1.01 10.192 0.963 C 10.226 0.951 10.26 0.939 10.294 0.928 C 10.797 0.771 11.314 0.632 11.829 0.514 C 13.926 0.036 16.115 -0.109 18.334 0.081 C 19.284 0.162 20 0.854 20 1.69 L 20 14.742 C 20 15.613 19.222 16.322 18.229 16.358 C 16.57 16.417 14.938 16.631 13.361 16.995 C 12.571 17.178 11.851 17.542 11.273 18.047 L 10.324 18.875 C 10.148 19.03 9.861 19.03 9.683 18.876 L 8.724 18.042 C 8.148 17.54 7.43 17.178 6.643 16.996 C 5.065 16.631 3.432 16.417 1.771 16.358 C 0.778 16.322 0 15.613 0 14.742 L 0 1.69 C 0 0.854 0.716 0.162 1.665 0.081 Z M 18.148 14.366 L 18.154 2.443 C 18.154 2.008 17.759 1.655 17.262 1.634 C 16.993 1.623 16.725 1.618 16.457 1.618 C 14.535 1.618 13.188 1.827 12.291 2.039 C 11.484 2.229 10.926 2.87 10.926 3.6 L 10.926 15.406 C 10.926 15.677 11.23 15.869 11.525 15.784 C 13.513 15.212 15.596 14.868 17.717 14.761 C 17.958 14.749 18.148 14.577 18.148 14.366 Z M 8.475 15.784 L 8.482 15.786 C 8.774 15.869 9.074 15.679 9.074 15.411 C 9.074 15.411 9.072 6.827 9.071 3.63 C 9.071 2.906 8.518 2.266 7.717 2.083 C 7.712 2.082 7.708 2.081 7.703 2.079 C 6.469 1.798 5.617 1.485 2.727 1.635 C 2.237 1.66 1.852 2.013 1.852 2.442 L 1.847 14.365 C 1.847 14.576 2.036 14.748 2.278 14.76 C 4.404 14.868 6.486 15.212 8.475 15.784 Z" fill="rgb(0, 0, 0)" height="18.991265468953486px" id="URPI2UgQ7" transform="translate(0 0)" width="19.99995715917612px"/></g></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 0 20 L 0 0 L 20 0 L 20 20 Z M 18.367 8.213 L 18.365 8.216 C 18.167 8.414 18.072 8.693 18.108 8.972 C 18.187 9.598 18.196 10.245 18.122 10.909 C 17.696 14.761 14.564 17.824 10.705 18.151 C 5.725 18.573 1.561 14.498 1.831 9.545 C 2.055 5.428 5.378 2.082 9.493 1.834 C 11.384 1.72 13.148 2.253 14.586 3.232 C 14.947 3.478 15.43 3.433 15.739 3.124 C 16.143 2.719 16.075 2.048 15.602 1.725 C 13.774 0.481 11.514 -0.173 9.097 0.04 C 4.213 0.469 0.327 4.465 0.02 9.36 C -0.359 15.408 4.674 20.41 10.733 19.973 C 15.733 19.613 19.728 15.52 19.978 10.511 C 20.008 9.914 19.985 9.327 19.913 8.755 C 19.819 7.998 18.906 7.674 18.367 8.213 Z M 10.004 13.633 C 9.772 13.633 9.54 13.545 9.362 13.367 L 6.639 10.648 C 6.284 10.293 6.284 9.718 6.638 9.362 C 6.993 9.007 7.569 9.006 7.924 9.361 L 10.004 11.438 L 18.448 2.987 C 18.803 2.632 19.378 2.631 19.733 2.987 C 20.088 3.342 20.089 3.917 19.734 4.273 L 10.647 13.367 C 10.47 13.545 10.237 13.633 10.004 13.633 Z" fill="transparent" height="20.00002750525295px" id="TfE2XOX8v" transform="translate(2 2)" width="20px"><path d="M 0 20 L 0 0 L 20 0 L 20 20 Z" fill="transparent" height="20px" id="HXVbTwsIc" transform="translate(0 0)" width="20px"/><path d="M 18.367 8.213 L 18.365 8.216 C 18.167 8.414 18.072 8.693 18.108 8.972 C 18.187 9.598 18.196 10.245 18.122 10.909 C 17.696 14.761 14.564 17.824 10.705 18.151 C 5.725 18.573 1.561 14.498 1.831 9.545 C 2.055 5.428 5.378 2.082 9.493 1.834 C 11.384 1.72 13.148 2.253 14.586 3.232 C 14.947 3.478 15.43 3.433 15.739 3.124 C 16.143 2.719 16.075 2.048 15.602 1.725 C 13.774 0.481 11.514 -0.173 9.097 0.04 C 4.213 0.469 0.327 4.465 0.02 9.36 C -0.359 15.408 4.674 20.41 10.733 19.973 C 15.733 19.613 19.728 15.52 19.978 10.511 C 20.008 9.914 19.985 9.327 19.913 8.755 C 19.819 7.998 18.906 7.674 18.367 8.213 Z" fill="rgb(0, 0, 0)" height="20.00002750525295px" id="eSS1gNqws" transform="translate(0 0)" width="19.99053871735914px"/><path d="M 3.632 10.913 C 3.399 10.913 3.167 10.825 2.989 10.647 L 0.267 7.928 C -0.089 7.573 -0.089 6.997 0.266 6.642 C 0.621 6.286 1.196 6.286 1.551 6.641 L 3.631 8.718 L 12.075 0.267 C 12.43 -0.089 13.005 -0.089 13.361 0.266 C 13.716 0.621 13.716 1.197 13.361 1.552 L 4.275 10.647 C 4.097 10.824 3.864 10.913 3.632 10.913 Z" fill="rgb(0, 0, 0)" height="10.91317781603237px" id="RfHUnlgzs" transform="translate(6.373 2.72)" width="13.627049927343466px"/></g></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 7.658 1.805 L 1.702 1.805 C 1.25 1.805 0.818 1.984 0.498 2.303 C 0.179 2.622 0 3.055 0 3.507 L 0 15.419 C 0 15.87 0.179 16.303 0.498 16.622 C 0.818 16.942 1.25 17.121 1.702 17.121 L 13.614 17.121 C 14.066 17.121 14.498 16.942 14.818 16.622 C 15.137 16.303 15.316 15.87 15.316 15.419 L 15.316 9.463 M 14.04 0.529 C 14.378 0.19 14.837 0 15.316 0 C 15.795 0 16.254 0.19 16.592 0.529 C 16.931 0.867 17.121 1.326 17.121 1.805 C 17.121 2.284 16.931 2.743 16.592 3.081 L 8.509 11.165 L 5.105 12.016 L 5.956 8.612 Z" fill="transparent" height="17.120821150420433px" id="pTf0NCTOo" transform="translate(3 3.879)" width="17.12100001563914px"><path d="M 7.658 0 L 1.702 0 C 1.25 0 0.818 0.179 0.498 0.498 C 0.179 0.818 0 1.25 0 1.702 L 0 13.614 C 0 14.066 0.179 14.498 0.498 14.818 C 0.818 15.137 1.25 15.316 1.702 15.316 L 13.614 15.316 C 14.066 15.316 14.498 15.137 14.818 14.818 C 15.137 14.498 15.316 14.066 15.316 13.614 L 15.316 7.658" fill="transparent" height="15.316008361457115px" id="rffahUkMP" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" transform="translate(0 1.805)" width="15.316008361457122px"/><path d="M 8.934 0.529 C 9.273 0.19 9.732 0 10.211 0 C 10.689 0 11.149 0.19 11.487 0.529 C 11.825 0.867 12.016 1.326 12.016 1.805 C 12.016 2.284 11.825 2.743 11.487 3.081 L 3.404 11.165 L 0 12.016 L 0.851 8.612 Z" fill="transparent" height="12.015655317475606px" id="JRLPk6b5n" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" transform="translate(5.105 0)" width="12.01566382636912px"/></g></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 0 2.5 C 0 1.81 0.56 1.25 1.25 1.25 C 1.94 1.25 2.5 1.81 2.5 2.5 L 2.5 12.5 C 2.5 13.19 1.94 13.75 1.25 13.75 C 0.56 13.75 0 13.19 0 12.5 Z M 4.375 5 C 4.375 4.309 4.935 3.75 5.625 3.75 C 6.316 3.75 6.875 4.309 6.875 5 L 6.875 10 C 6.875 10.69 6.316 11.25 5.625 11.25 C 4.935 11.25 4.375 10.69 4.375 10 Z M 8.749 3.75 C 8.749 3.06 9.309 2.5 9.999 2.5 C 10.69 2.5 11.249 3.06 11.249 3.75 L 11.249 11.25 C 11.249 11.94 10.69 12.5 9.999 12.5 C 9.309 12.5 8.749 11.94 8.749 11.25 Z M 13.125 1.25 C 13.125 0.56 13.684 0 14.375 0 C 15.065 0 15.625 0.56 15.625 1.25 L 15.625 13.75 C 15.625 14.44 15.065 15 14.375 15 C 13.684 15 13.125 14.44 13.125 13.75 Z M 17.5 3.75 C 17.5 3.059 18.06 2.5 18.75 2.5 C 19.44 2.5 20 3.059 20 3.75 L 20 11.25 C 20 11.94 19.44 12.5 18.75 12.5 C 18.06 12.5 17.5 11.94 17.5 11.25 Z" fill="transparent" height="14.99984896303524px" id="eK3JkNcQR" transform="translate(2 5)" width="20.000000115180683px"><path d="M 0 1.25 C 0 0.56 0.56 0 1.25 0 C 1.94 0 2.5 0.56 2.5 1.25 L 2.5 11.25 C 2.5 11.94 1.94 12.5 1.25 12.5 C 0.56 12.5 0 11.94 0 11.25 Z" fill="rgb(0, 0, 0)" height="12.499888300438574px" id="IZoif1Tx1" transform="translate(0 1.25)" width="2.499972058161063px"/><path d="M 0 1.25 C 0 0.56 0.56 0 1.25 0 C 1.94 0 2.5 0.56 2.5 1.25 L 2.5 6.25 C 2.5 6.94 1.94 7.5 1.25 7.5 C 0.56 7.5 0 6.94 0 6.25 Z" fill="rgb(0, 0, 0)" height="7.499884230798557px" id="Y9VX0uTBB" transform="translate(4.375 3.75)" width="2.499971566404639px"/><path d="M 0 1.25 C 0 0.56 0.56 0 1.25 0 C 1.94 0 2.5 0.56 2.5 1.25 L 2.5 8.75 C 2.5 9.44 1.94 10 1.25 10 C 0.56 10 0 9.44 0 8.75 Z" fill="rgb(0, 0, 0)" height="9.9998557972032px" id="cfdeTTw30" transform="translate(8.749 2.5)" width="2.500009651923847px"/><path d="M 0 1.25 C 0 0.56 0.56 0 1.25 0 C 1.94 0 2.5 0.56 2.5 1.25 L 2.5 13.75 C 2.5 14.44 1.94 15 1.25 15 C 0.56 15 0 14.44 0 13.75 Z" fill="rgb(0, 0, 0)" height="14.99984896303524px" id="rUHyxv6Ca" transform="translate(13.125 0)" width="2.4999334808854243px"/><path d="M 0 1.25 C 0 0.56 0.56 0 1.25 0 C 1.94 0 2.5 0.56 2.5 1.25 L 2.5 8.75 C 2.5 9.44 1.94 10 1.25 10 C 0.56 10 0 9.44 0 8.75 Z" fill="rgb(0, 0, 0)" height="9.999924351137775px" id="YujgFQmxv" transform="translate(17.5 2.5)" width="2.500009651923847px"/></g></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 0 1.5 C 0 0.672 0.672 0 1.5 0 C 2.328 0 3 0.672 3 1.5 L 3 16.5 C 3 17.328 2.328 18 1.5 18 C 0.672 18 0 17.328 0 16.5 Z M 9 1.5 C 9 0.672 9.672 0 10.5 0 C 11.328 0 12 0.672 12 1.5 L 12 16.5 C 12 17.328 11.328 18 10.5 18 C 9.672 18 9 17.328 9 16.5 Z" fill="transparent" height="18px" id="ZK4opVS3R" transform="translate(6 3)" width="12.000000953674316px"><path d="M 0 1.5 C 0 0.672 0.672 0 1.5 0 C 2.328 0 3 0.672 3 1.5 L 3 16.5 C 3 17.328 2.328 18 1.5 18 C 0.672 18 0 17.328 0 16.5 Z" fill="rgb(0, 0, 0)" height="18px" id="PmjQbtZIf" transform="translate(0 0)" width="3.0000007212199744px"/><path d="M 0 1.5 C 0 0.672 0.672 0 1.5 0 C 2.328 0 3 0.672 3 1.5 L 3 16.5 C 3 17.328 2.328 18 1.5 18 C 0.672 18 0 17.328 0 16.5 Z" fill="rgb(0, 0, 0)" height="18px" id="Z3PBLNokI" transform="translate(9 0)" width="3px"/></g></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 7 15.001 L 7 1 C 7 0.448 7.448 0 8 0 C 8.552 0 9 0.448 9 1 L 9 15.001 C 9 15.553 8.552 16.001 8 16.001 C 7.448 16.001 7 15.553 7 15.001 Z M 7.369 0.224 C 7.762 -0.096 8.341 -0.073 8.707 0.293 L 15.707 7.293 C 16.098 7.683 16.098 8.316 15.707 8.707 C 15.317 9.097 14.684 9.097 14.293 8.707 L 7.999 2.414 L 1.708 8.707 C 1.317 9.097 0.683 9.097 0.293 8.707 C -0.097 8.316 -0.098 7.683 0.293 7.293 L 7.293 0.293 Z" fill="transparent" height="16.000511880598815px" id="ajW1BVQGo" transform="translate(4 4)" width="16px"><path d="M 0 15 L 0 1 C 0 0.447 0.447 0 1 0 C 1.552 0 2 0.447 2 1 L 2 15 C 1.999 15.552 1.552 16 1 16 C 0.448 16 0 15.552 0 15 Z" fill="rgb(0, 0, 0)" height="16.000035801420772px" id="p2N1eqh_D" transform="translate(7 0)" width="1.9995326042080848px"/><path d="M 7.369 0.224 C 7.762 -0.096 8.341 -0.073 8.707 0.293 L 15.707 7.293 C 16.098 7.683 16.098 8.316 15.707 8.707 C 15.317 9.097 14.684 9.097 14.293 8.707 L 7.999 2.414 L 1.708 8.707 C 1.317 9.097 0.683 9.097 0.293 8.707 C -0.097 8.316 -0.098 7.683 0.293 7.293 L 7.293 0.293 Z" fill="rgb(0, 0, 0)" height="8.99972486414596px" id="iUCJRMaXA" width="16px"/></g></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 0.577 2.134 C 0.089 1.646 0.089 0.854 0.577 0.366 C 1.066 -0.122 1.857 -0.122 2.345 0.366 L 15.073 13.094 C 15.561 13.582 15.561 14.374 15.073 14.862 C 14.585 15.35 13.794 15.35 13.305 14.862 Z M 13.094 0.578 C 13.582 0.09 14.374 0.09 14.862 0.578 C 15.35 1.066 15.35 1.857 14.862 2.345 L 2.134 15.073 C 1.646 15.562 0.854 15.562 0.366 15.073 C -0.122 14.585 -0.122 13.794 0.366 13.306 Z" fill="transparent" height="15.43956523616028px" id="VPVABa_WI" transform="translate(4.518 4.518)" width="15.43928322542191px"><path d="M 0.366 2.134 C -0.122 1.646 -0.122 0.854 0.366 0.366 C 0.854 -0.122 1.646 -0.122 2.134 0.366 L 14.862 13.094 C 15.35 13.582 15.35 14.374 14.862 14.862 C 14.374 15.35 13.582 15.35 13.094 14.862 Z" fill="rgb(0, 0, 0)" height="15.227890250000002px" id="M3g5DoofT" transform="translate(0.211 0)" width="15.227942500000001px"/><path d="M 13.094 0.366 C 13.582 -0.122 14.374 -0.122 14.862 0.366 C 15.35 0.854 15.35 1.646 14.862 2.134 L 2.134 14.862 C 1.646 15.35 0.854 15.35 0.366 14.862 C -0.122 14.374 -0.122 13.582 0.366 13.094 Z" fill="rgb(0, 0, 0)" height="15.227953250000002px" id="R3EN2S63l" transform="translate(0 0.212)" width="15.227908249999999px"/></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.416 0.098 C 0.673 -0.043 0.987 -0.031 1.233 0.127 L 12.433 7.327 C 12.662 7.475 12.8 7.728 12.8 8 C 12.8 8.272 12.662 8.525 12.433 8.673 L 1.233 15.873 C 0.987 16.031 0.673 16.043 0.416 15.902 C 0.16 15.762 0 15.493 0 15.2 L 0 0.8 C 0 0.507 0.16 0.238 0.416 0.098 Z" fill="rgb(0, 0, 0)" height="16px" id="AOP2_fj7h" transform="translate(6 4)" width="12.800042337983484px"/></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 17.5 17.796 C 17.5 19.572 15.515 20.616 14.065 19.603 L 9.998 16.762 C 9.248 16.238 8.253 16.238 7.502 16.762 L 3.435 19.603 C 1.985 20.616 0 19.572 0 17.796 L 0 2.445 C 0 1.796 0.263 1.175 0.732 0.716 C 1.201 0.258 1.837 0 2.5 0 L 15 0 C 15.663 0 16.299 0.258 16.768 0.716 C 17.237 1.175 17.5 1.796 17.5 2.445 Z" fill="rgb(0, 0, 0)" height="20px" id="IR4jvxXhF" transform="translate(3 2)" width="17.5000073008473px"/></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 17.778 8.851 C 17.778 3.751 13.447 -0.34 8.248 0.022 C 3.805 0.332 0.237 3.96 0.012 8.389 C -0.122 11.015 0.894 13.406 2.603 15.108 L 2.603 15.108 L 6.427 18.976 C 7.777 20.34 9.987 20.342 11.338 18.979 L 15.174 15.109 C 15.174 15.109 15.174 15.109 15.174 15.109 L 15.175 15.108 C 16.783 13.506 17.778 11.294 17.778 8.851 Z M 9.355 13.378 C 6.465 13.663 4.055 11.264 4.342 8.386 C 4.553 6.256 6.284 4.534 8.423 4.323 C 11.313 4.038 13.722 6.437 13.436 9.315 C 13.224 11.445 11.494 13.167 9.355 13.378 Z" fill="rgb(0, 0, 0)" height="20px" id="bSySODrMv" transform="translate(3 2)" width="17.77774932505966px"/></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 8.857 1.429 C 8.857 0.64 9.497 0 10.286 0 C 11.075 0 11.715 0.64 11.715 1.429 L 11.715 18.571 C 11.715 19.36 11.075 20 10.286 20 C 9.497 20 8.857 19.36 8.857 18.571 Z M 18.571 8.571 C 19.36 8.571 20 9.211 20 10 C 20 10.789 19.36 11.429 18.571 11.429 L 1.429 11.429 C 0.64 11.429 0 10.789 0 10 C 0 9.211 0.64 8.571 1.429 8.571 Z" fill="transparent" height="20px" id="LDRIb2B_3" transform="translate(2 2)" width="20px"><path d="M 0 1.429 C 0 0.64 0.64 0 1.429 0 C 2.218 0 2.857 0.64 2.857 1.429 L 2.857 18.571 C 2.857 19.36 2.218 20 1.429 20 C 0.64 20 0 19.36 0 18.571 Z" fill="rgb(0, 0, 0)" height="20px" id="njT4Gv2S6" transform="translate(8.857 0)" width="2.8571428571428896px"/><path d="M 18.571 0 C 19.36 0 20 0.64 20 1.429 C 20 2.218 19.36 2.857 18.571 2.857 L 1.429 2.857 C 0.64 2.857 0 2.218 0 1.429 C 0 0.64 0.64 0 1.429 0 Z" fill="rgb(0, 0, 0)" height="2.857142857142856px" id="iYwZnOgge" transform="translate(0 8.571)" width="20px"/></g></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 18.292 0.293 C 18.682 -0.098 19.316 -0.097 19.706 0.293 C 20.097 0.683 20.097 1.317 19.706 1.708 L 9.807 11.607 C 9.416 11.998 8.782 11.998 8.392 11.607 C 8.002 11.216 8.001 10.583 8.392 10.193 Z M 18.669 0.057 C 19.032 -0.07 19.436 0.021 19.708 0.293 C 19.979 0.564 20.071 0.968 19.944 1.331 L 13.644 19.331 C 13.509 19.718 13.15 19.983 12.741 20 C 12.331 20.016 11.953 19.781 11.787 19.407 L 8.342 11.658 L 0.594 8.214 C 0.219 8.047 -0.016 7.669 0.001 7.26 C 0.018 6.85 0.282 6.492 0.669 6.356 Z M 3.711 7.411 L 9.506 9.986 C 9.732 10.087 9.913 10.268 10.014 10.494 L 12.589 16.289 L 17.37 2.63 Z" fill="transparent" height="20.0004638565678px" id="wN8g6pCYB" transform="translate(2 2)" width="20px"><path d="M 10.193 0.293 C 10.583 -0.098 11.217 -0.097 11.607 0.293 C 11.998 0.683 11.998 1.317 11.607 1.708 L 1.708 11.607 C 1.317 11.998 0.683 11.998 0.293 11.607 C -0.097 11.216 -0.098 10.583 0.293 10.193 Z" fill="rgb(0, 0, 0)" height="11.899905803324366px" id="Wh9nXFm8r" transform="translate(8.099 0)" width="11.89988035847077px"/><path d="M 18.669 0.056 C 19.032 -0.071 19.436 0.021 19.708 0.292 C 19.979 0.564 20.071 0.968 19.944 1.331 L 13.644 19.331 C 13.509 19.718 13.15 19.982 12.741 19.999 C 12.331 20.016 11.953 19.781 11.787 19.406 L 8.342 11.657 L 0.594 8.213 C 0.219 8.047 -0.016 7.669 0.001 7.259 C 0.018 6.85 0.282 6.491 0.669 6.356 Z M 3.711 7.411 L 9.506 9.986 C 9.732 10.087 9.913 10.268 10.014 10.494 L 12.589 16.288 L 17.37 2.629 Z" fill="rgb(0, 0, 0)" height="20.000029945434942px" id="J1JEpe7Ik" transform="translate(0 0)" width="20px"/></g></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 0 10 C 0 9.498 0.407 9.091 0.909 9.091 C 1.411 9.091 1.818 9.498 1.818 10 C 1.818 14.519 5.481 18.182 10 18.182 C 14.519 18.182 18.182 14.519 18.182 10 C 18.182 5.481 14.519 1.818 10 1.818 C 9.498 1.818 9.091 1.411 9.091 0.909 C 9.091 0.407 9.498 0 10 0 C 15.523 0 20 4.477 20 10 C 20 15.523 15.523 20 10 20 C 4.477 20 0 15.523 0 10 Z M 9.091 7.273 C 9.091 6.771 9.498 6.364 10 6.364 C 10.502 6.364 10.909 6.771 10.909 7.273 L 10.909 10 L 13.636 10 C 14.138 10 14.545 10.407 14.545 10.909 C 14.545 11.411 14.138 11.818 13.636 11.818 L 10 11.818 C 9.498 11.818 9.091 11.411 9.091 10.909 Z M 0 10 C 0 9.934 0.001 9.869 0.002 9.803 C 0.012 9.301 0.426 8.902 0.928 8.912 C 1.43 8.922 1.829 9.337 1.82 9.839 C 1.819 9.892 1.818 9.946 1.818 10 C 1.818 10.502 1.411 10.909 0.909 10.909 C 0.407 10.909 0 10.502 0 10 Z M 0.55 6.723 C 0.714 6.249 1.232 5.997 1.707 6.161 C 2.181 6.326 2.432 6.844 2.268 7.318 C 2.233 7.419 2.199 7.521 2.168 7.624 C 2.023 8.104 1.515 8.376 1.035 8.23 C 0.554 8.085 0.283 7.577 0.428 7.097 C 0.466 6.971 0.507 6.846 0.55 6.723 Z M 2.027 3.964 C 2.33 3.564 2.9 3.485 3.3 3.788 C 3.7 4.092 3.779 4.662 3.476 5.062 C 3.411 5.147 3.348 5.234 3.286 5.322 C 2.999 5.733 2.432 5.834 2.021 5.547 C 1.609 5.259 1.508 4.693 1.795 4.281 C 1.87 4.174 1.948 4.068 2.027 3.964 Z M 4.281 1.795 C 4.693 1.508 5.259 1.609 5.547 2.021 C 5.834 2.432 5.733 2.999 5.322 3.286 C 5.234 3.348 5.147 3.411 5.062 3.476 C 4.662 3.779 4.092 3.7 3.788 3.3 C 3.485 2.9 3.564 2.33 3.964 2.027 C 4.068 1.948 4.174 1.87 4.281 1.795 Z M 7.097 0.428 C 7.577 0.283 8.085 0.554 8.23 1.035 C 8.376 1.515 8.104 2.023 7.624 2.168 C 7.521 2.199 7.419 2.233 7.318 2.268 C 6.844 2.432 6.326 2.181 6.161 1.707 C 5.997 1.232 6.249 0.714 6.723 0.55 C 6.846 0.507 6.971 0.466 7.097 0.428 Z M 10 0 C 10.502 0 10.909 0.407 10.909 0.909 C 10.909 1.411 10.502 1.818 10 1.818 C 9.946 1.818 9.892 1.819 9.839 1.82 C 9.337 1.829 8.922 1.43 8.912 0.928 C 8.902 0.426 9.301 0.012 9.803 0.002 C 9.869 0.001 9.934 0 10 0 Z" fill="transparent" height="20px" id="bPixeoluN" transform="translate(2 2)" width="20px"><path d="M 0 10 C 0 9.498 0.407 9.091 0.909 9.091 C 1.411 9.091 1.818 9.498 1.818 10 C 1.818 14.519 5.481 18.182 10 18.182 C 14.519 18.182 18.182 14.519 18.182 10 C 18.182 5.481 14.519 1.818 10 1.818 C 9.498 1.818 9.091 1.411 9.091 0.909 C 9.091 0.407 9.498 0 10 0 C 15.523 0 20 4.477 20 10 C 20 15.523 15.523 20 10 20 C 4.477 20 0 15.523 0 10 Z" fill="rgb(0, 0, 0)" height="20px" id="lenLfiDhj" width="20px"/><path d="M 0 0.909 C 0 0.407 0.407 0 0.909 0 C 1.411 0 1.818 0.407 1.818 0.909 L 1.818 3.636 L 4.545 3.636 C 5.048 3.636 5.455 4.043 5.455 4.545 C 5.455 5.048 5.048 5.455 4.545 5.455 L 0.909 5.455 C 0.407 5.455 0 5.048 0 4.545 Z" fill="rgb(0, 0, 0)" height="5.454545454545455px" id="d01Uy90Ck" transform="translate(9.091 6.364)" width="5.454545454545496px"/><path d="M 0 10 C 0 9.934 0.001 9.869 0.002 9.803 C 0.012 9.301 0.426 8.902 0.928 8.912 C 1.43 8.922 1.829 9.337 1.82 9.839 C 1.819 9.892 1.818 9.946 1.818 10 C 1.818 10.502 1.411 10.909 0.909 10.909 C 0.407 10.909 0 10.502 0 10 Z M 0.55 6.723 C 0.714 6.249 1.232 5.997 1.707 6.161 C 2.181 6.326 2.432 6.844 2.268 7.318 C 2.233 7.419 2.199 7.521 2.168 7.624 C 2.023 8.104 1.515 8.376 1.035 8.23 C 0.554 8.085 0.283 7.577 0.428 7.097 C 0.466 6.971 0.507 6.846 0.55 6.723 Z M 2.027 3.964 C 2.33 3.564 2.9 3.485 3.3 3.788 C 3.7 4.092 3.779 4.662 3.476 5.062 C 3.411 5.147 3.348 5.234 3.286 5.322 C 2.999 5.733 2.432 5.834 2.021 5.547 C 1.609 5.259 1.508 4.693 1.795 4.281 C 1.87 4.174 1.948 4.068 2.027 3.964 Z M 4.281 1.795 C 4.693 1.508 5.259 1.609 5.547 2.021 C 5.834 2.432 5.733 2.999 5.322 3.286 C 5.234 3.348 5.147 3.411 5.062 3.476 C 4.662 3.779 4.092 3.7 3.788 3.3 C 3.485 2.9 3.564 2.33 3.964 2.027 C 4.068 1.948 4.174 1.87 4.281 1.795 Z M 7.097 0.428 C 7.577 0.283 8.085 0.554 8.23 1.035 C 8.376 1.515 8.104 2.023 7.624 2.168 C 7.521 2.199 7.419 2.233 7.318 2.268 C 6.844 2.432 6.326 2.181 6.161 1.707 C 5.997 1.232 6.249 0.714 6.723 0.55 C 6.846 0.507 6.971 0.466 7.097 0.428 Z M 10 0 C 10.502 0 10.909 0.407 10.909 0.909 C 10.909 1.411 10.502 1.818 10 1.818 C 9.946 1.818 9.892 1.819 9.839 1.82 C 9.337 1.829 8.922 1.43 8.912 0.928 C 8.902 0.426 9.301 0.012 9.803 0.002 C 9.869 0.001 9.934 0 10 0 Z" fill="rgb(0, 0, 0)" height="10.90909077485437px" id="xc9TYf4j0" transform="translate(0 0)" width="10.9090907748544px"/></g></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 0 19.365 L 0 0 L 20 0 L 20 19.365 Z M 15.975 17.608 L 11.882 13.515 C 12.671 12.431 13.139 11.098 13.139 9.658 C 13.139 6.036 10.192 3.089 6.569 3.089 C 2.947 3.089 0 6.036 0 9.658 C 0 13.28 2.947 16.227 6.569 16.227 C 8.01 16.227 9.342 15.76 10.426 14.971 L 14.519 19.064 C 14.72 19.265 14.983 19.365 15.247 19.365 C 15.51 19.365 15.774 19.265 15.975 19.064 C 16.377 18.662 16.377 18.01 15.975 17.608 Z M 2.059 9.658 C 2.059 7.171 4.082 5.148 6.569 5.148 C 9.056 5.148 11.079 7.171 11.079 9.658 C 11.079 12.145 9.056 14.168 6.569 14.168 C 4.083 14.168 2.059 12.145 2.059 9.658 Z M 15.616 0.292 L 16.227 1.944 C 16.273 2.066 16.369 2.163 16.492 2.208 L 18.143 2.819 C 18.533 2.963 18.533 3.514 18.143 3.658 L 16.492 4.269 C 16.369 4.314 16.273 4.411 16.227 4.533 L 15.616 6.185 C 15.472 6.574 14.922 6.574 14.778 6.185 L 14.166 4.533 C 14.121 4.411 14.025 4.314 13.902 4.269 L 12.25 3.658 C 11.861 3.514 11.861 2.963 12.25 2.819 L 13.902 2.208 C 14.025 2.163 14.121 2.066 14.166 1.944 L 14.778 0.292 C 14.922 -0.097 15.472 -0.097 15.616 0.292 Z M 18.529 5.572 L 18.848 6.434 C 18.872 6.498 18.922 6.548 18.986 6.572 L 19.848 6.89 C 20.051 6.966 20.051 7.253 19.848 7.328 L 18.986 7.647 C 18.922 7.67 18.872 7.721 18.848 7.785 L 18.529 8.646 C 18.454 8.849 18.167 8.849 18.092 8.646 L 17.773 7.785 C 17.749 7.721 17.699 7.67 17.635 7.647 L 16.773 7.328 C 16.57 7.253 16.57 6.966 16.773 6.89 L 17.635 6.572 C 17.699 6.548 17.749 6.498 17.773 6.434 L 18.092 5.572 C 18.167 5.369 18.454 5.369 18.529 5.572 Z" fill="transparent" height="19.365160821304542px" id="qwqVNfUu8" transform="translate(2 2)" width="20px"><path d="M 0 19.365 L 0 0 L 20 0 L 20 19.365 Z" fill="transparent" height="19.36502742822418px" id="QPUOVHNB5" width="20px"/><path d="M 15.975 14.519 L 11.882 10.426 C 12.671 9.342 13.139 8.009 13.139 6.569 C 13.139 2.947 10.192 0 6.569 0 C 2.947 0 0 2.947 0 6.569 C 0 10.191 2.947 13.138 6.569 13.138 C 8.01 13.138 9.342 12.671 10.426 11.882 L 14.519 15.974 C 14.72 16.176 14.983 16.276 15.247 16.276 C 15.51 16.276 15.774 16.176 15.975 15.974 C 16.377 15.573 16.377 14.921 15.975 14.519 Z M 2.059 6.569 C 2.059 4.082 4.082 2.059 6.569 2.059 C 9.056 2.059 11.079 4.082 11.079 6.569 C 11.079 9.056 9.056 11.079 6.569 11.079 C 4.083 11.079 2.059 9.056 2.059 6.569 Z" fill="rgb(0, 0, 0)" height="16.27611863456748px" id="NXF5vQauD" transform="translate(0 3.089)" width="16.276355635389933px"/><path d="M 3.658 0.292 L 4.269 1.944 C 4.314 2.066 4.411 2.163 4.533 2.208 L 6.185 2.819 C 6.574 2.963 6.574 3.514 6.185 3.658 L 4.533 4.269 C 4.411 4.314 4.314 4.411 4.269 4.533 L 3.658 6.185 C 3.514 6.574 2.963 6.574 2.819 6.185 L 2.208 4.533 C 2.163 4.411 2.066 4.314 1.944 4.269 L 0.292 3.658 C -0.097 3.514 -0.097 2.963 0.292 2.819 L 1.944 2.208 C 2.066 2.163 2.163 2.066 2.208 1.944 L 2.819 0.292 C 2.963 -0.097 3.514 -0.097 3.658 0.292 Z" fill="rgb(0, 0, 0)" height="6.4770574506943035px" id="h6SIj3gjk" transform="translate(11.958 0)" width="6.477034079109444px"/><path d="M 1.908 0.152 L 2.227 1.014 C 2.251 1.078 2.301 1.128 2.365 1.152 L 3.227 1.471 C 3.43 1.546 3.43 1.833 3.227 1.908 L 2.365 2.227 C 2.301 2.251 2.251 2.301 2.227 2.365 L 1.908 3.227 C 1.833 3.43 1.546 3.43 1.471 3.227 L 1.152 2.365 C 1.128 2.301 1.078 2.251 1.014 2.227 L 0.152 1.908 C -0.051 1.833 -0.051 1.546 0.152 1.471 L 1.014 1.152 C 1.078 1.128 1.128 1.078 1.152 1.014 L 1.471 0.152 C 1.546 -0.051 1.833 -0.051 1.908 0.152 Z" fill="rgb(0, 0, 0)" height="3.379038693328077px" id="gYnya1DT3" transform="translate(16.621 5.42)" width="3.379030346333508px"/></g></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 0 20 L 0 0 L 17.192 0 L 17.192 20 Z M 13.182 20 L 4.011 20 C 1.799 20 0 18.201 0 15.989 L 0 8.018 C 0 6.861 0.499 5.761 1.37 4.999 L 5.954 0.988 C 7.459 -0.329 9.73 -0.33 11.235 0.987 L 15.822 4.999 C 16.693 5.761 17.192 6.861 17.192 8.018 L 17.192 15.989 C 17.192 18.201 15.393 20 13.182 20 Z M 12.225 18.09 L 13.182 18.09 C 14.34 18.09 15.283 17.148 15.283 15.989 L 15.283 8.018 C 15.283 7.412 15.021 6.836 14.565 6.437 L 9.978 2.425 C 9.189 1.735 8 1.735 7.211 2.425 L 2.627 6.437 C 2.171 6.835 1.91 7.412 1.91 8.018 L 1.91 15.989 C 1.91 17.148 2.852 18.09 4.011 18.09 L 4.963 18.09 C 4.849 17.86 4.784 17.6 4.784 17.326 L 4.784 11.247 C 4.784 10.299 5.555 9.528 6.503 9.528 L 10.686 9.528 C 11.634 9.528 12.405 10.299 12.405 11.247 L 12.405 17.326 C 12.405 17.6 12.34 17.86 12.225 18.09 Z M 6.694 17.135 L 10.495 17.135 L 10.495 11.438 L 6.694 11.438 Z" fill="transparent" height="20px" id="SwnOCl8Ak" transform="translate(3 2)" width="17.192413087917203px"><path d="M 0 20 L 0 0 L 17.192 0 L 17.192 20 Z" fill="transparent" height="19.99999917965424px" id="BInmLilu3" transform="translate(0 0)" width="17.192413087917203px"/><path d="M 13.182 20 L 4.011 20 C 1.799 20 0 18.201 0 15.989 L 0 8.018 C 0 6.861 0.499 5.761 1.37 4.999 L 5.954 0.988 C 7.459 -0.329 9.73 -0.33 11.235 0.987 L 15.822 4.999 C 16.693 5.761 17.192 6.861 17.192 8.018 L 17.192 15.989 C 17.192 18.201 15.393 20 13.182 20 Z M 12.225 18.09 L 13.182 18.09 C 14.34 18.09 15.283 17.148 15.283 15.989 L 15.283 8.018 C 15.283 7.412 15.021 6.836 14.565 6.437 L 9.978 2.425 C 9.189 1.735 8 1.735 7.211 2.425 L 2.627 6.437 C 2.171 6.835 1.91 7.412 1.91 8.018 L 1.91 15.989 C 1.91 17.148 2.852 18.09 4.011 18.09 L 4.963 18.09 C 4.849 17.86 4.784 17.6 4.784 17.326 L 4.784 11.247 C 4.784 10.299 5.555 9.528 6.503 9.528 L 10.686 9.528 C 11.634 9.528 12.405 10.299 12.405 11.247 L 12.405 17.326 C 12.405 17.6 12.34 17.86 12.225 18.09 Z M 6.694 17.135 L 10.495 17.135 L 10.495 11.438 L 6.694 11.438 Z" fill="rgb(0, 0, 0)" height="20px" id="EGsciVUdH" transform="translate(0 0)" width="17.192413087917203px"/></g></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 0 18 L 0 0 L 18 0 L 18 18 Z M 0.15 3 C 0.15 2.669 0.419 2.4 0.75 2.4 C 1.081 2.4 1.35 2.669 1.35 3 L 1.35 6.9 L 5.25 6.9 C 5.581 6.9 5.85 7.169 5.85 7.5 C 5.85 7.831 5.581 8.1 5.25 8.1 L 0.75 8.1 C 0.419 8.1 0.15 7.831 0.15 7.5 Z M 16.65 15 L 16.65 11.1 L 12.75 11.1 C 12.419 11.1 12.15 10.831 12.15 10.5 C 12.15 10.169 12.419 9.9 12.75 9.9 L 17.25 9.9 C 17.581 9.9 17.85 10.169 17.85 10.5 L 17.85 15 C 17.85 15.331 17.581 15.6 17.25 15.6 C 16.919 15.6 16.65 15.331 16.65 15 Z M 16.84 10.062 C 17.081 9.835 17.461 9.847 17.688 10.088 C 17.915 10.33 17.903 10.71 17.662 10.937 L 14.194 14.193 L 14.195 14.194 C 13.317 15.072 12.231 15.713 11.039 16.058 C 9.846 16.403 8.586 16.44 7.375 16.166 C 6.164 15.892 5.042 15.316 4.114 14.492 C 3.186 13.667 2.481 12.62 2.067 11.45 C 1.957 11.137 2.121 10.794 2.433 10.684 C 2.746 10.574 3.088 10.737 3.199 11.049 C 3.545 12.028 4.134 12.904 4.911 13.594 C 5.687 14.284 6.626 14.767 7.639 14.996 C 8.653 15.226 9.708 15.194 10.706 14.906 C 11.704 14.617 12.612 14.08 13.346 13.345 L 13.36 13.332 Z M 6.963 1.941 C 8.155 1.596 9.416 1.559 10.627 1.832 C 11.837 2.106 12.959 2.683 13.887 3.507 C 14.815 4.332 15.52 5.379 15.934 6.549 C 16.045 6.862 15.88 7.204 15.568 7.315 C 15.256 7.425 14.913 7.262 14.802 6.95 C 14.456 5.97 13.867 5.095 13.09 4.405 C 12.314 3.715 11.375 3.233 10.362 3.003 C 9.349 2.774 8.293 2.805 7.296 3.093 C 6.298 3.382 5.389 3.919 4.655 4.654 C 4.651 4.658 4.646 4.662 4.641 4.666 L 1.162 7.937 C 0.92 8.164 0.54 8.152 0.313 7.911 C 0.086 7.669 0.098 7.289 0.339 7.062 L 3.82 3.792 C 4.695 2.921 5.776 2.284 6.963 1.941 Z" fill="transparent" height="18px" id="khVV4c63B" transform="translate(3 3)" width="18px"><path d="M 0 18 L 0 0 L 18 0 L 18 18 Z" fill="transparent" height="18px" id="BwNHdn8aw" width="18px"/><path d="M 0 0.6 C 0 0.268 0.268 0 0.6 0 C 0.931 0 1.199 0.268 1.199 0.6 L 1.199 4.5 L 5.1 4.5 C 5.431 4.5 5.699 4.768 5.699 5.1 C 5.699 5.431 5.431 5.699 5.1 5.699 L 0.6 5.699 C 0.268 5.699 0 5.431 0 5.1 Z" fill="rgb(0, 0, 0)" height="5.69922px" id="YHCJ37XPW" transform="translate(0.15 2.4)" width="5.699219px"/><path d="M 4.5 5.1 L 4.5 1.199 L 0.6 1.199 C 0.268 1.199 0 0.931 0 0.6 C 0 0.268 0.268 0 0.6 0 L 5.1 0 C 5.431 0 5.699 0.268 5.699 0.6 L 5.699 5.1 C 5.699 5.431 5.431 5.699 5.1 5.699 C 4.768 5.699 4.5 5.431 4.5 5.1 Z" fill="rgb(0, 0, 0)" height="5.699210000000001px" id="hA1Ij0iua" transform="translate(12.15 9.9)" width="5.699199999999999px"/><path d="M 16.689 8.411 C 16.931 8.184 17.311 8.196 17.538 8.437 C 17.765 8.678 17.753 9.059 17.511 9.286 L 14.044 12.541 L 14.045 12.542 C 13.167 13.421 12.081 14.062 10.888 14.407 C 9.696 14.752 8.435 14.789 7.224 14.515 C 6.013 14.241 4.891 13.665 3.963 12.84 C 3.035 12.015 2.331 10.969 1.917 9.798 C 1.806 9.486 1.971 9.143 2.283 9.033 C 2.595 8.922 2.938 9.086 3.048 9.398 C 3.395 10.377 3.984 11.253 4.76 11.943 C 5.537 12.633 6.476 13.116 7.489 13.345 C 8.502 13.574 9.557 13.543 10.555 13.254 C 11.553 12.966 12.462 12.429 13.196 11.694 L 13.21 11.681 Z M 6.812 0.29 C 8.005 -0.055 9.265 -0.093 10.476 0.181 C 11.687 0.455 12.809 1.031 13.737 1.856 C 14.665 2.681 15.37 3.727 15.784 4.898 C 15.894 5.21 15.73 5.553 15.418 5.664 C 15.105 5.774 14.763 5.611 14.652 5.298 C 14.305 4.319 13.717 3.443 12.94 2.753 C 12.164 2.063 11.225 1.581 10.212 1.352 C 9.198 1.123 8.143 1.153 7.145 1.442 C 6.147 1.731 5.239 2.268 4.505 3.002 C 4.5 3.007 4.495 3.011 4.491 3.015 L 1.011 6.286 C 0.77 6.513 0.39 6.501 0.163 6.259 C -0.064 6.018 -0.052 5.637 0.189 5.411 L 3.67 2.141 C 4.545 1.27 5.625 0.633 6.812 0.29 Z" fill="rgb(0, 0, 0)" height="14.696201342190372px" id="PsA0MCq2T" transform="translate(0.15 1.651)" width="17.700415563984237px"/></g></svg>)
Buttons & Components
Action Bar
Navigation Shortcut
Navigation bar Icon
Colors
While working it, I came to the realization that we need a system for the colors, each section will be a different color, and it goes from blue to red. The spectrum goes with how much mental effort do you require to give. From blue - which is a systematic section to red which requires to go inside, meditate and more.
Final UI Screens
Check it out!
Explore Prototype
Home