Ham.
A Design System
Components Library that can design any app
Product Overview
Ham is a modern, scalable design system built for speed, consistency, and seamless collaboration. It brings together a unified set of components, tokens, and guidelines to streamline design and development—helping teams ship beautiful, accessible experiences faster than ever.
Alexei Smirnov
Moscow, Russia
3-4
Months
#FF6A5FAccent
#465A54Dark
#EBEBE6Light Shade
The Real Challenge
Crafting a system so flexible, it fits any product—yet stays rock-solid in consistency and usability.
Pain PointsGoalsTG Demographics1.
Splash & Onboarding
Quick moodboards → clean flows → instant ‘wow’. First impressions matter. 🚀
2.
Login & SignUp
Sketched flows, trimmed clicks, kept it crisp. Familiar but polished.
3.
Profile
Info hierarchy + smooth edit states = clarity without clutter. 😌
4.
Feed
Tested layouts till it felt scroll-worthy. Modular and snackable.
5.
Navigation
Tree-tested paths, played with patterns, landed on flow that just works. 🧭
6.
Chat
Benchmarked, prototyped, added micro-interactions for life. 💬
7.
Statistics
Simplified the data maze — visual, clean, actionable. 📊
8.
Shopping
Lean product grids, zero clutter, optimized for thumb flow. 🛍️
9.
Checkout
Trust-first UX with no-nonsense steps. Fast and frictionless. 💸
10.
Calendar
Mapped real scheduling habits, cut the click-fatigue. 🗓️
11.
Camera
Snappy UI with native feels — point, shoot, done. 📸
12.
Media
Tested light/dark views, built around engagement. 🎥
13.
Settings
Grouped smartly, revealed gradually. No more toggle chaos. ⚙️
14.
Alert
Color-coded urgency + clear copy = alerts that work (not annoy). 😅
