Le Hollandais Volant

Les checkbox, c’est carré.
Les radio, c’est rond.

Changez pas ça.

Voir aussi ceci : https://lehollandaisvolant.net/img/d9/you-will-read-this-first.jpeg

En alternative, pour éviter toute confusion, à la place d’un radio (où l’on ne peut prendre qu’un choix parmi une liste), je préfère généralement les <select>. Et puis les sélect peuvent se mettre en inline dans un texte ou en face de son label et former une phrase.

Quant aux checkbox, la mode semble être aux « toogle ». Les boutons qui vont de gauche à droite là.
Mais pour ça aussi il y a des règles. Il est généralement admis, en tout cas dans les langues qui lisent de gauche à droite, qu’un bouton activé est à droite et coloré, et que le bouton désactivé est à gauche et dé-saturé.