Styles
Learn about colors, typography, spacing and other core design elements that make up the FAO visual language.
Overview
The FAO Design System uses a carefully crafted set of styles to ensure consistency and accessibility across all our digital products. Our style foundations include color palettes, typography scales, spacing units, and other core design elements that work together to create a cohesive visual language.
These styles have been developed with both flexibility and consistency in mind. They provide a solid foundation that can be adapted to various use cases while maintaining the FAO brand identity. Each component in our system is built using these core styles, ensuring a harmonious look and feel across all applications.
By following these style guidelines, teams can create interfaces that are not only visually appealing but also accessible to all users. Our color palettes have been tested for contrast ratios, and our typography choices prioritize readability across different screen sizes and devices.
Throughout this section, you'll find detailed documentation on:
- Color palettes and their usage guidelines
- Typography system and text styles
- Image sizes and their usage
- Embeds and their usage
- FAO logos versions and guidelines
- Icons and visual elements
- Country flags
- Layout and spacing
- Dashboard minimum requirements