Fundação
Border Radius
Escala em múltiplos de 4px. Cada nível tem um contexto específico. Não troque entre eles livremente.
rounded
4px
Badges de overlay sobre capas (nota, likes)
rounded-lg
8px
Capas de álbum, thumbnails, avatars quadrados
rounded-xl
12px
Inputs, botões, cards menores
rounded-2xl
16px
Cards principais, bottom sheets, banners
rounded-full
9999px
Chips, avatars, badges circulares, drag handles