Solid

Foundations

Corners

Square by default, with three exceptions.

Square by default

Every Tailwind radius is set to 0, so rounded-lg still draws a square corner. Buttons, fields, cards, menus and modals are all square.

Three exceptions

ClassWhere
rounded-window · rounded-window-innerProduct windows and screenshots (12px / 6px)
Tagrounded-fullTags, badges, toggles, dots and avatars
DayWeekrounded-fullPills inside compact groups: theme switch, segmented controls, filter chips

Do

Calls to action stay square.

Don’t

Don’t round a standalone button.