Checkboxes have:

• a background of #F3F3F3
• rounded corners of 5px
• padding of top and bottom of 18px and left and right of 60px
• a font size of 20px Avenir regular in #282828
• a bottom margin of 16px
• a border 2px #6E6E6E when hovered
• a border 2px #00B1E7 when selected
• a background of #FFFFFF when selected

If you’re using either radio buttons or checkboxes:

• style them in a way that makes it clear which option or options has been selected
• allow users to click anywhere in the box
• display the options a user can choose from top to bottom, not left to right — this makes it quicker for users to scan

Where possible, give users the option to indicate that none of the options apply to them. Some users need this to be an explicit option to know that they can move on.