# Agora Design System

## Agora Design System

- [Create, Collaborate, Cultivate.](https://docs.agora.foundation/create-collaborate-cultivate..md)
- [Design Philosophy](https://docs.agora.foundation/introduction/design-philosophy.md)
- [Accessibility](https://docs.agora.foundation/introduction/accessibility.md)
- [Logos](https://docs.agora.foundation/guidelines/logos.md)
- [Colors](https://docs.agora.foundation/guidelines/colors.md)
- [Anatomy of Color](https://docs.agora.foundation/guidelines/colors/anatomy-of-color.md)
- [Typography](https://docs.agora.foundation/guidelines/typography.md)
- [Legibility and Readability](https://docs.agora.foundation/guidelines/legibility-and-readability.md)
- [Icons](https://docs.agora.foundation/guidelines/icons.md): Our design system's icons are key visuals that guide and simplify user interaction, ensuring intuitive navigation and a consistent experience across our app.
- [Content](https://docs.agora.foundation/guidelines/content.md)
- [Content Examples](https://docs.agora.foundation/guidelines/content/content-examples.md)
- [What to Avoid](https://docs.agora.foundation/guidelines/content/what-to-avoid.md)
- [Imagery](https://docs.agora.foundation/guidelines/imagery.md)
- [Layout](https://docs.agora.foundation/guidelines/layout.md)
- [Colors](https://docs.agora.foundation/tokens/colors.md)
- [Icons](https://docs.agora.foundation/tokens/icons.md)
- [Buttons](https://docs.agora.foundation/tokens/buttons.md)
- [Layout](https://docs.agora.foundation/tokens/layout.md)
- [More...](https://docs.agora.foundation/more....md)