This work is owned and copyrighted by Lingotune.
Ligotune is still in prototype development, but I’d love to share some amazing screens I designed.
Lingotune is a language-learning startup that teaches Spanish through music.
This work is owned and copyrighted by Lingotune.
Ligotune is a language learning app that teaches Spanish through music, with plans to expand to other languages. I handled branding, the design system, and the end-to-end user experience.
LOGO
COLOR SYSTEM
#F5B501
Ligotune Yellow
#DDA300
Lyric Highlight
#A7ED8D
CTA
#292723
Main text
#FAF8F2
Exercise Box
#EAE4DA
Exercise Input
#A7ED8D
True
#FFA5A5
False
TYPOGRAPHY
The app primarily uses Lexend, while Noto Sans is used for lyrics to support multiple languages and future expansion.
Headline 1
32 px
Lexend
SemiBold
Headline 2
28 px
Lexend
SemiBold
Headline 3
24 px
Lexend
SemiBold
Body text 1
20 px
Lexend
Regular
Body text 2
16 px
Lexend
Regular
Body text 3
14 px
Lexend
Regular
Song Title
28 px
Lexend
ExtraBold
Lyric text 1
24 px
Noto Sans
Medium
Lyric text 2
16 px
Noto Sans
Medium
Iconography
Components
REFLECTIONS
Making Design System takes time
This project taught me that building a design system is a long, iterative process. It took over six months to finalize the app, followed by meticulous refinements to ensure visual cohesion. I appreciate learning something new with every challenge.
Collaboration is key
This project was an eye-opening experience in effective communication with project managers, developers, and stakeholders. It helped me design exercises efficiently while balancing user needs and development constraints.
