Applying shape
Using recognizable shapes for various functions helps them stand out in your design. For example:
- Rectangles are for buttons, cards, images, or videos
- Circles are for avatars or badges
- Arrows for navigation or Play buttons
Changing the shape of these elements can cause friction and confusion. If you want users to intuitively know how to use your interface, stick to common shapes.

