ASPO
An AI-powered platform that streamlines pre-production by uniting scriptwriting, and media generation in one collaborative workspace.
▪UX/UI design ▪Freelance ▪ Contract
Spice Up
An app that makes cooking smarter, using what’s already in your kitchen.
▪UX/UI design ▪ Case study ▪ Concept Project
VoyageVibe
AI-powered travel planning quickly generates personalized itineraries.
▪UX/UI design ▪ Case study ▪ Concept Project
More Works
Project Overview
Project Overview
Pulse is a scalable, token-based design system I created as part of a design systems course. The goal was to build a foundation that supports consistent, accessible, and efficient product design while exploring how systems evolve and scale in real-world contexts.
Pulse is a scalable, token-based design system I created as part of a design systems course. The goal was to build a foundation that supports consistent, accessible, and efficient product design while exploring how systems evolve and scale in real-world contexts.
Goals
Goals
🎯Establish strong design foundations for consistency across products
🎯Implement token-based theming for flexibility and scalability
🎯Build reusable, responsive components with variants and auto layout
🎯Document usage guidelines to support designers and developers
🎯Explore strategies for maintaining and scaling design systems over time
🎯Establish strong design foundations for consistency across products
🎯Implement token-based theming for flexibility and scalability
🎯Build reusable, responsive components with variants and auto layout
🎯Document usage guidelines to support designers and developers
🎯Explore strategies for maintaining and scaling design systems over time
Foundation
Foundation
Defined the core building blocks — color palette, typography scales, spacing, grids, and iconography — ensuring accessibility and harmony.
Defined the core building blocks — color palette, typography scales, spacing, grids, and iconography — ensuring accessibility and harmony.
Token-Base Theming
Token-Base Theming
Created semantic tokens for colors, typography, and spacing. Applied light and dark themes to show flexibility and adaptability.
Created semantic tokens for colors, typography, and spacing. Applied light and dark themes to show flexibility and adaptability.
Components & Variants
Components & Variants
Built responsive, reusable components (e.g., buttons, inputs, cards, navigation) using auto layout and multiple states/variants for scalability.
Built responsive, reusable components (e.g., buttons, inputs, cards, navigation) using auto layout and multiple states/variants for scalability.
Documentation & Guidelines
Documentation & Guidelines
Built comprehensive documentation with Vercel’s no-code platform, outlining usage rules, naming conventions, and accessibility standards to maintain team-wide consistency.
Built comprehensive documentation with Vercel’s no-code platform, outlining usage rules, naming conventions, and accessibility standards to maintain team-wide consistency.
Scaling & Maintenance
Scaling & Maintenance
Designed the system with modularity in mind, allowing new components and tokens to be added without breaking existing patterns.
Designed the system with modularity in mind, allowing new components and tokens to be added without breaking existing patterns.
Outcome
Outcome
Building Pulse gave me hands-on experience in translating design principles into a cohesive, scalable system. I gained a deeper understanding of how design systems improve collaboration, reduce inconsistencies, and accelerate product development.
Building Pulse gave me hands-on experience in translating design principles into a cohesive, scalable system. I gained a deeper understanding of how design systems improve collaboration, reduce inconsistencies, and accelerate product development.
Pulse Design System
A deep dive into Pulse, my personal project on building a flexible and accessible design system from the ground up.
▪UX/UI design ▪ Case study ▪ Personal Project
