



BA Design Thesis Project
The Power of Systematic Digital Design
Customize the parameters real-time
Changes sync instantly control.yochita.com
Welcome
to
the
design
system
world
Background Color
Primary Color
Border Color
Heading
Muted Foreground Color
1234567890 %*@$¢£¥ ;:!?&ß§#
Subheading
Muted Color
AaBbCcDdEeFfGg HhIiJjKkLlMm NnOoPpQqRrSsTt UuVvWwXxYyZz




Meet
the
designer
Eva
Can
you
recognize
yourself?
Welcome, Eva!
Your design challenges
Eva is a junior designer. She works with her colleagues Ana and Noa. Together they take important design decisions and meet to discuss issues occurring during the design process.
Team Members
Here are your team members
hey, are you ready with the design system?
almost, I am designing a new component!
now you understand the power of the design systems firsthand!
Design System
Colors
Background
Primary
Muted
Muted Foreground
Typography
AaBbCcDdEeFfGg HhIiJjKkLlMm NnOoPpQqRrSsTt UuVvWwXxYyZz
AaBbCcDdEeFfGg HhIiJjKkLlMm NnOoPpQqRrSsTt UuVvWwXxYyZz
AaBbCcDdEeFfGg HhIiJjKkLlMm NnOoPpQqRrSsTt UuVvWwXxYyZz
AaBbCcDdEeFfGg HhIiJjKkLlMm NnOoPpQqRrSsTt UuVvWwXxYyZz
Visual Elements
BA Practical Thesis Project
The Power of Systematic Digital Design
Design and code