> For the complete documentation index, see [llms.txt](https://designsystem.dubai.ae/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://designsystem.dubai.ae/foundations.md).

# Foundations

- [Typography](https://designsystem.dubai.ae/foundations/typography.md): Designers should prioritize clarity and readability by using a balanced type scale to create a clear visual hierarchy. Avoid relying on color for emphasis; instead, use type size and weight to guide u
- [Colors](https://designsystem.dubai.ae/foundations/colors.md)
- [Icons & Visuals](https://designsystem.dubai.ae/foundations/icons-and-visuals.md)
- [Images](https://designsystem.dubai.ae/foundations/images.md)
- [Layout & Breakpoints](https://designsystem.dubai.ae/foundations/layout-and-breakpoints.md)
- [Utils](https://designsystem.dubai.ae/foundations/utils.md)
- [Usability Guidelines](https://designsystem.dubai.ae/foundations/usability-guidelines.md)