All Tips

Consistent Border-Radius
Consistent Border-Radius

Consistent Border-Radius

visual effect

Round images usually look weird when they're included in a card with a small border-radius.

Use the simple rule of thumb:

π™Šπ™ͺπ™©π™šπ™§ π™π™–π™™π™žπ™ͺ𝙨 = 2 * π™„π™£π™£π™šπ™§ π™π™–π™™π™žπ™ͺ𝙨

  • The precise formula is more complicated since you need to take into account the spacing between the two borders, so let's it simple!
←Previous Tip

Empty State With Templates

Upgrade your UI empty states with templates! Instead of redirecting people to create content from scratch, make their lives easier. Use pre-made templates to help them experience your product's value quicker and boost your product adoption at the same time.


Become a Better Designer.
The Fun way.

Join 100s of developers, entrepreneurs & junior designers who strive to become better in UI & UX design with byte-sized, practical tips & examples!

Get notified about new tips & articles before anyone else!

  • "

    I love these little tips. It’s like Dribbble but actually useful.

    Martin LeBlanc

    CEO of Iconfinder

  • "

    I love UX & UI tips. Especially, when they are practical and presented in a very good way. Yours are meeting both criteria.

    Lisa Dziuba

    Head of Marketing at Abstract

  • Logo

    Learn to design better User Interfaces with practical UI & UX tips

  • Projects



    PH Launch Checklist

  • Popular Posts

    15 Practical UI Form Tips

Β©2022 . Made by Jim Raptis