Components — checkbox

Dark · default surface

Light · reports / forms

SIZE 18×18 hit · fully filled when on · 1.5px border · 0 radius (pixel motif). COLOR dark surfaces use lavender #AEABFF · light surfaces use ink #6436D0 · destructive uses orange #FF7238. STATES off · hover · focus (2px outline) · on · indeterminate (orange bar) · disabled · destructive. A11Y always pair with a label · 2px focus ring · indeterminate parent for nested groups · min 24×24 hit area on touch (pad the label, not the box).