ui-design-principles

Rules for visual hierarchy, whitespace, spacing scales, layout, depth (shadows, elevation), and polish. Apply whenever writing or reviewing CSS/HTML styles, deciding on padding/margin/gap values, choosing shadow levels, structuring page layouts, handling responsive design, or improving the overall look and feel of a UI. NOT for picking specific colors (use ui-design:color-palettes), fonts (use ui-design:font-recommendations), building specific components (use ui-design:component-gallery), or accessibility/WCAG compliance (use ui-design:wcag-2.2).