Visual Language
Purpose
The platform is designed as an analytical environment where visual elements contribute directly to the interpretation of information.
Rather than serving a purely aesthetic function, colours, icons, layouts and graphical components form part of a common visual language that supports analytical exploration across the platform.
This document explains the principles behind that visual language and describes how visual consistency helps users navigate complex environmental information with clarity, confidence and continuity.
A Consistent Analytical Language
Environmental and climate-related development projects are inherently multidimensional.
The same project may appear in thematic dashboards, geographical maps, portfolio statistics, multidimensional analyses and individual project profiles.
To make this experience intuitive, a single visual language is used consistently across every analytical component.
Whenever users move between different parts of the platform, they encounter the same concepts represented in the same way.
This consistency reduces cognitive effort and allows attention to remain focused on analysis rather than interface navigation.
Colours as Analytical Identifiers
Across the platform, colours represent analytical meaning rather than decoration.
Every major analytical entity is associated with a stable visual identity that remains unchanged throughout the platform.
Rather than identifying individual pages or charts, colours identify concepts.
As users become familiar with the visual system, colours gradually become part of the analytical vocabulary itself, allowing immediate recognition even before textual labels are read.
Dashboard-Oriented Communication
Rather than reproducing traditional administrative interfaces, information is presented through analytical dashboards.
Independent information panels allow users to explore different aspects of the same project or portfolio simultaneously.
This organisation encourages comparison, supports rapid interpretation and simplifies the exploration of complex development interventions.
The visual language therefore reinforces analytical reasoning rather than simply organising information.
Accessibility and Readability
The visual system is designed to maximise clarity and readability.
Colour alone is never intended to communicate meaning.
Icons, typography, labels and spatial organisation reinforce the visual language, ensuring that analytical information remains understandable under different viewing conditions and for users with different accessibility needs.
Readability is therefore considered an essential component of analytical quality rather than simply a graphical characteristic.
Visual Language as Part of the Analytical Model
Visual language is closely integrated with the analytical model.
Instead, it represents one of the mechanisms through which environmental knowledge is communicated.
By maintaining a stable relationship between analytical concepts and visual identities, the platform enables users to recognise patterns more quickly, compare portfolios more confidently and interpret complex information with greater efficiency.
Visual language therefore becomes an integral component of the platform’s knowledge architecture.
Canonical Visual System
A canonical visual system is maintained across the entire platform.
Rather than assigning colours independently within individual charts or pages, every analytical component relies on the same visual vocabulary.
The visual references presented below are generated directly from the platform’s design system and therefore always reflect its current implementation.
They constitute the official visual reference for all analytical environments.
Environmental Themes
Environmental Themes represent the platform’s primary analytical dimension. Each theme has a stable visual identity used consistently across maps, dashboards, Sankey diagrams, project portfolios and individual project profiles.
Thematic Focus
Thematic Focus categories inherit the visual identity of their parent Environmental Theme. Rather than introducing a separate colour palette, each focus category is represented using the canonical colour of its Environmental Theme. This reinforces the hierarchical relationship between the two analytical dimensions while keeping the visual language simple and recognisable.
| Environmental Theme | Example Thematic Focus Categories | Visual Rule |
|---|---|---|
| Climate | Climate Adaptation & Resilience, Climate Mitigation, Climate Finance | Uses Climate colour |
| Water | WASH, Groundwater, Water Resources Management | Uses Water colour |
| Agroecology | Food Systems, Sustainable Agriculture, Agroforestry | Uses Agroecology colour |
| Biodiversity | Protected Areas, Wildlife, Forests | Uses Biodiversity colour |
| Ocean | Blue Economy, Marine Ecosystems, Coastal Resilience | Uses Ocean colour |
Intervention Areas
Intervention Areas describe where environmental interventions are primarily implemented. Their dedicated visual palette remains independent from Environmental Themes, allowing users to understand environmental objectives and implementation domains simultaneously.
Cross-cutting Flags
Cross-cutting Flags represent transversal characteristics that may accompany projects independently of their Environmental Theme or Intervention Area. Their compact visual identifiers complement the primary classification while remaining consistent wherever these transversal characteristics appear.
Donor Types
Institutional characteristics represent another independent analytical perspective. Donor Types maintain their own canonical visual identities across every analytical component, enabling users to compare funding organisations separately from environmental classifications.
Status
Activity status is displayed consistently as a project metadata dimension. The platform currently uses neutral interface styling rather than a distinct semantic status palette.
Geographic Scope
Geographical information represents one of the fundamental dimensions of environmental analysis. Countries, regions and multi-country activities use a dedicated geographical colour system that remains consistent across maps, dashboards and analytical summaries.
Analytical Workflow Examples
The same analytical concept always preserves the same visual identity regardless of where it appears.
Examples include:
Environmental Theme colours remaining identical in Maps, Sankey Diagrams, Explore and Project Intelligence. Donor Type colours remaining identical in portfolio analysis, dashboards and project profiles. Intervention Area colours remaining consistent across multidimensional analyses and project-level views.
This continuity allows analytical relationships to be recognised immediately throughout the platform.
Design Philosophy
The visual system is guided by one simple principle:
One Concept. One Visual Identity.
Every Environmental Theme, Intervention Area, Donor Type and analytical entity is represented consistently throughout the platform.
This continuity enables users to move naturally between different analytical environments while preserving recognition, confidence and interpretability.
The visual language therefore supports the platform’s mission: transforming complex environmental information into knowledge that can be explored, understood and used to support better decision-making.
Relationship with the Knowledge Center
This document completes the conceptual documentation of the platform.
About the Dataset describes the information contained within the platform. Methodology explains how environmental intelligence is produced. Knowledge Framework documents the analytical concepts used throughout the platform. Visual Language explains how those concepts are communicated visually. Explainability Framework describes how analytical conclusions are explained through transparent and reproducible evidence.
Together, these documents define the conceptual, analytical and visual foundations of the platform.