Shadow, border radius, and spacing constants that create consistent use of variables throughout the Tecton components.
Container shadows should be utilized to convey height and distance to the user in relations to the main content (i.e., floor). This position should indicate an elevated state to identify either a clickable element, container or modal.
When applying spacing, hard-coding pixels for margins and padding has it's place. However when consistency and theme control are necessary, we have a new way of setting pixel spacing between elements called App Scale. These measurements are multipliers of a base unit with a default of 5px. So 2x would be 10px, 3x would be 15px, and so on. If the theme or application needs to modify the multiplier they can do so by changing the base unit from 5px to 4px for a tighter fit or 6px for a more airy fit in the white-space. This is also helpful for scoped spacing controls like tables where a Compact, Comfortable, or Airy feeling between table rows might help with legibility or scanning.