User:Andrew/VisualDesignGuide/Style/SpacingAndPadding

From KDE UserBase Wiki
< User:Andrew‎ | VisualDesignGuide‎ | Style
Revision as of 19:46, 17 March 2014 by Andrew (talk | contribs) (Created page with "== 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 e...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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.)
Retrieved from "https://userbase.kde.org/index.php?title=User:Andrew/VisualDesignGuide/Style/SpacingAndPadding&oldid=333072"