Minimum Requirements

Essential guidelines for creating effective and consistent FAO dashboards

Overview

When creating external websites and dashboards for FAO, it's crucial to maintain consistency and adhere to the organization's design standards. To ensure this, developers should follow these minimum requirements:

  • Use the FAO application header and footer components
  • Use the Open Sans font family for all text elements
  • Utilize the official FAO color palette

By adhering to these guidelines, you'll create a cohesive user experience that aligns with FAO's brand identity across all digital platforms. The following sections will provide more detailed information on each of these requirements.

Header

The FAO application header is a crucial component that provides a consistent and professional appearance across all FAO digital platforms. It serves as a visual anchor, instantly identifying the website or dashboard as an official FAO resource.

The header typically includes the FAO logo, essential navigation elements, and sometimes language selection options.

By incorporating this standardized header, you ensure that users can easily recognize and trust the authenticity of your FAO-related project, while also maintaining a cohesive brand identity throughout the organization's digital ecosystem.

            
        

Footer

The FAO dashboard footer is an essential component that provides important information and links at the bottom of every page. It includes crucial elements such as:

  • Contact Us
  • Terms and Conditions
  • Data Protection and Privacy
  • Scam Alert
  • Report Misconduct

Additionally, the footer displays the FAO copyright notice, reinforcing the official nature of the dashboard and protecting FAO's intellectual property. By consistently including these elements, the footer not only provides valuable resources to users but also enhances the credibility and trustworthiness of the FAO dashboard.

Typography

Using the Open Sans font family, as specified in the FAO Design System documentation, is crucial for maintaining consistency.

This thoughtfully chosen typeface ensures visual harmony across FAO's digital platforms while strengthening the organization's brand identity.

By following the recommended typography guidelines, you create a unified and professional appearance that users will immediately associate with the FAO ecosystem.

The FAO Design System offers comprehensive guidance on font sizes, weights, and styles, along with their appropriate applications in different contexts.

For accurate font usage and effective implementation in your dashboard design, always consult the typography section of the FAO Design System documentation.

See more about typography

Colors

It's essential to use the official FAO color palette as specified in the FAO Design System documentation.

These carefully selected colors not only ensure visual consistency across all FAO digital platforms but also reinforce the organization's brand identity.

By adhering to the recommended color scheme, you create a cohesive and professional look that users will instantly recognize as part of the FAO ecosystem.

The FAO Design System provides detailed guidance on primary, secondary, and accent colors, as well as their appropriate usage in various contexts.

Always refer to the color section in the FAO Design System documentation to ensure you're using the correct shades and applying them effectively in your dashboard design.

See more about colors
On this page