Found this navbar breakdown really useful while learning mobile UI design.
What I like about it is that it shows how small spacing and sizing decisions create a more balanced navigation experience.
The floating center button also helps create a clear visual focus for the main action.
Small layout details like this make navigation feel much cleaner and easier to use.
I recently learned this border radius tip and honestly it makes a bigger difference than I expected.
A common mistake is giving the inner element and outer container the exact same radius. It usually makes the corners feel visually off.
Small details like this can make components feel much smoother and more balanced.
I found this button sizing reference really useful while practicing UI design, especially for creating more consistent components.
One thing I’ve been learning is that good buttons are not just about colors or gradients. Spacing, height, and padding make a huge difference in how clean and balanced a UI feels.
It also shows how icon-only buttons and icon + text buttons use slightly different spacing systems.
Sharing in case it helps someone else learning component design.
I found this typography comparison really helpful while learning UI design.
A few things I learned from this:
Small typography decisions really change how polished a design feels
I found these color combinations recently and thought they were worth sharing here. What I like about them is that they balance contrast without feeling too overwhelming.
Some combinations feel energetic, while others feel more calm and premium.
One thing I’m learning is that good color combinations are less about “beautiful colors” and more about balance, contrast, and mood.
I came across this shadow comparison and found it really useful while working on UI components.
This helped me realize that good shadows are not about making them darker, but about controlling softness and distance.
I was trying to design a simple workspace switcher and ended up with these two versions.
I’m still learning, so I’m not fully sure which direction is better in terms of usability.
Which one would you pick and why?
I found this comparison really helpful while learning about product and marketing pages.
This helped me understand why some designs feel “too busy” and others feel very direct.
Do you usually design separate landing pages, or reuse your home page for campaigns?
I found this comparison really helpful while working on mobile UI, especially for understanding the differences between iOS and Android layouts.
Both follow a consistent 16px margin and gutter system, which makes layouts easier to scale and keep aligned.
If you’re designing for both platforms, keeping these small differences in mind can make your UI feel more native instead of just “one design fits all”.
I recently came across these Japanese color shades and found them really helpful, especially when working with light UI.
Instead of using pure white (#FFFFFF), you can try softer tones like off-whites or slightly tinted whites. Colors like chalk white, silk white, or porcelain white feel much easier on the eyes and add a subtle depth to the design.
Pure white can sometimes feel too harsh or flat, but these variations help create a more calm and refined look without losing clarity.
I’m still exploring this, but it already made my layouts feel more polished.
I used to think black is just #000000, but while designing dark UIs I realized using pure black often feels too harsh.
There are actually multiple “blacks” you can use depending on the feel you want:
Using these variations helps create depth and hierarchy instead of everything blending into one flat black.
This small change made my dark designs look much more polished.