Research & Learning
Explored design system best practices through articles, tutorials, and videos to understand component structures and scalable design workflows.
Brand Identity & Experience
Sair Design system
SAIR is a luxury mobility platform focused on delivering a refined ride-booking experience through intuitive interfaces, consistent design, and a user-first approach.
Live ↗Overview
Redefining luxury mobility through thoughtful branding and emotionally intelligent UX, creating a seamless digital experience built around trust, comfort, and clarity.
My Contribution
Created my first complete design system, covering buttons, cards, avatars, badges, forms, input fields, calendars, bottom sheets, icons, grids, color tokens, gradients, and more.
Process & decisions
Built reusable components, organised color variables, and established light and dark modes to enable quick updates and maintain consistency across the app.
Outcome & learnings
Learned how components, variables, and design tokens simplify workflows, enable one-click updates, and make design more consistent. It was both a challenging and enjoyable experience that strengthened my design system skills.
Process
What I do
I created a comprehensive design system that includes reusable components, color variables, design tokens, and options for both light and dark modes.
Design Tokens & Variables
Investigated a range of colors and created reusable variables alongside color tokens to enhance design consistency.
Component Design
Created a variety of reusable UI components, including buttons, cards, forms, calendars, chips, icons, and more, to enhance user experience.
Modes & Consistency
I established the foundations for both light and dark modes, discovering how reusable components can significantly accelerate the process of design updates.
