UI Foundations
Core interface symbols for navigation, action, and status—tested across desktop and mobile contexts.
UI Foundations offers standardized symbols for fundamental interactions like navigation arrows, buttons, and loading states. These glyphs are designed to work consistently across common operating systems and screen sizes, reducing ambiguity during user onboarding and task completion. We vet them against real interface placements to ensure legibility at small sizes and with common typefaces.
When integrating these symbols into a workflow, consider how their shapes map to mental models—such as using a chevron for back navigation or a gear for settings. Our sets include both outline and solid variants, with guidance on which to use depending on context density and visual hierarchy needs. This avoids relying on custom iconography that may confuse users expecting familiar affordances.
We ensure all entries are implemented with consistent stroke weights and grid alignment. This standardization simplifies design system scaling, especially when adding new components. Teams can confidently reuse these symbols without reintroducing visual drift or reworking spacing rules across platforms.


