Foundations

Borders Available border styling values. Breakpoints Breakpoints used in Neighborhood. Colors Semantic colors for your CSS, and the global base palette they point to. Focus Focus tokens give every keyboard-focused element the same visible outline. Motion Duration tokens keep state changes moving at a consistent speed across the design system. Opacity Opacity tokens keep disabled states and overlays equally see-through across the design system. Shadows Shadow tokens lift surfaces off the page by a consistent amount across the design system. Sizing Container widths and the size scales for icons, controls, indicators and media. Spacing Neighborhood uses a 4px base spacing. Typography Global typography foundation tokens. These are the font sizes, weights, and line heights that are used throughout the… Z-Index Z-Index tokens define layering values to establish consistent stacking order across the design system.