User:Andrew/VisualDesignGuide/Style/SpacingAndPadding

From KDE Wiki Sandbox

Spacing and Padding

Create breathing room. Visual elements are spaced a minimum distance from each other and edges. Spacing (and/or color) is used to group or separate elements.

  • A 4px grid is recommended for spacing and padding of visual elements.
  • Multiples of 4 px (8px, 16px, etc.) is used where more spacing is required.
  • A 4px padding is the minimum recommended padding inside elements (buttons, drop boxes, text fields, etc.)
  • An 8px padding is the minimum recommended padding inside grouping boundaries (group boxes, tabs, etc.)