---
title: Foundations
framework: design
role: collectionGroup
path: design/human-interface-guidelines/foundations
---

# Foundations

Understand how fundamental design elements help you create rich experiences.

## Overview

Accessibility App icons Branding Color Dark Mode Icons Images Immersive experiences Inclusion Layout Materials Motion Privacy Right to left SF Symbols Spatial layout Typography Writing

## Topics

- [Accessibility](design/human-interface-guidelines/accessibility.md)
- [App icons](design/human-interface-guidelines/app-icons.md)
- [Branding](design/human-interface-guidelines/branding.md)
- [Color](design/human-interface-guidelines/color.md)
- [Dark Mode](design/human-interface-guidelines/dark-mode.md)
- [Icons](design/human-interface-guidelines/icons.md)
- [Images](design/human-interface-guidelines/images.md)
- [Immersive experiences](design/human-interface-guidelines/immersive-experiences.md)
- [Inclusion](design/human-interface-guidelines/inclusion.md)
- [Layout](design/human-interface-guidelines/layout.md)
- [Materials](design/human-interface-guidelines/materials.md)
- [Motion](design/human-interface-guidelines/motion.md)
- [Privacy](design/human-interface-guidelines/privacy.md)
- [Right to left](design/human-interface-guidelines/right-to-left.md)
- [SF Symbols](design/human-interface-guidelines/sf-symbols.md)
- [Spatial layout](design/human-interface-guidelines/spatial-layout.md)
- [Typography](design/human-interface-guidelines/typography.md)
- [Writing](design/human-interface-guidelines/writing.md)