Visual Design Gallery

A collection of modern UI, components, redesigns, and explorations.

UI Refresh: Before → After

A look at how my visual design skills evolved in 2024–2025.

They reflect:

  • stronger layout composition

  • better color harmony

  • refined spacing

  • cleaner hierarchy

  • more modern UI patterns

Original (2022)

Updated Refresh (2025)

  • Improved card spacing & visual weight

  • Modernized typography & alignment

  • Unified iconography tone

Modern UI Screens (Standalone Explorations)

Components & Design System Foundations

Show the thinking behind your visual consistency:

  • Color tokens

  • Typography scale

  • Spacing rules

  • Grid system

  • Button variants

  • Form components

  • Navigation patterns

  • Icon guidelines (if any)

These components improve consistency across teams and reduce design-to-dev ambiguity while creating a cohesive visual language for the product.

Concept Features & Micro-Projects

“MealMate” - a simple meal-planning app

Goal: A mobile web app that lets users browse healthy recipes, save favorites, and auto-generate a grocery list.

AI-First Prototype (Lovable → Figma → Cursor)

Hybrid (Figma → Lovable → Cursor)

Want to see how I bring these visuals to life in real projects?

View my full case studies