These guidelines exist to ensure consistent communication using the DHIS2 brand. There are some rules and some recommendations. This is a living document that will be updated as the brand evolves.
The main DHIS2 logo should be used by default, whenever possible. The main logo is a blue colored icon with black colored dhis2 wordmark.
Download main logo (PNG) | Small 200px | Medium 600px | Large 1200px
Download main logo (SVG)
Download main logo (EPS)
When placing the DHIS2 logo on a dark background, the reversed version can be used. The icon and wordmark are white in this version. The reversed logo can be used on any colored background, but ideally blue would be used to remain consistent with the DHIS2 brand.
Download reversed logo (PNG) | Small 200px | Medium 600px | Large 1200px
Download reversed logo (SVG)
Download reversed logo (EPS)
There are times when it makes sense to use only the DHIS2 icon, such as in headers, toolbars and app icons. There are both blue colored and white colored icons, and these should be used as the main logo is used – blue colored where possible and white colored on darker backgrounds.
Download icon (PNG)
Download icon (SVG)
Download icon (EPS)
Download reversed icon (PNG)
Download reversed icon (SVG)
Download reversed icon (EPS)
The favicon for DHIS2 is customized for use on the following platforms:
- Desktop web browsers use a blue colored icon
- iOS devices
- Android devices
- Windows Metro tiles
- MacOS safari touch bar
All relevant image and icon files are available to download:
The same fonts should be used across all communication platforms: DHIS2 website, academy materials etc (but not in software
The brand font should be used to help identify DHIS2. It should be used as titles, headlines and all areas where it is important to identify the brand. Need a font for large amounts of text? Use Lato, (see below). The brand font used is the open-source Rubik from Google Fonts. Download Rubik
In places where Rubik is not a suitable font, for example large amounts of text, use Lato as a body font. Lato is open-source, available from Google Fonts. Download Lato.
Note: Rubik/Lato font should not be used in software interfaces (eg. in the main DHIS2 apps), it is the specified as DHIS2 typography for external elements only.
The font used in the DHIS2 logo is the open-source Karla from Google Fonts. Always use the premade DHIS2 logos, do not create new logos using text. The font file and license are stored in this repository, if needed.
Color is used sparingly throughout DHIS2 materials. The DHIS2 style is clean and fresh, color should therefore be used only as a supporting element and not as the main element.
The following colors can be used throughout materials both digital and print. See Examples in Use for suggestions for color use.
HEX: #FFFFFF
RGB: 255 / 255 / 255
CMYK: 0 / 0 / 0 / 0
White is listed at the top of this list to reiterate how important the usage of white space is in the DHIS2 identity. White space on posters, presentations and other materials communicates DHIS2 as a clean, confident and modern entity, an important part of the new identity. Leave generous white space in all materials. The main color of most DHIS2 materials should be white.
HEX: #43CBCB
RGB: 67 / 203 / 203
CMYK: 62 / 0 / 26 / 0
Pantone 2397 C
This accent color works well for small graphic elements, bringing an interesting visual element to the otherwise white, clean materials. This color is best used in moderation, it works well when used to thin divider elements or headers/footers. The white (negative) DHIS2 logo should not be placed on top of this color, instead use DHIS2 Accent Dark.
HEX: #D8F7F7
RGB: 216 / 247 / 247
CMYK: 13 / 0 / 4 / 0
Pantone 7457 C (Note: not a great match, use CMYK where possible)
A lighter shade of the accent color is provided for use in larger areas where the DHIS2 Accent color is too overwhelming. This color can be used behind titles to create eye-catching blocks of text. This light color is suited for used with graphical elements, placing them as background graphics that are not too distracting.
HEX: #393D4D
RGB: 57 / 61 / 77
CMYK: 77 / 69 / 48 / 40
Pantone 7546 C
This dark color is great for use as a background in situations where a white background is not suitable. This darker color is more traditional and safe than the other accent colors, so is better suited to use in areas where a traditional approach is necessary. This color is less fun and accessible, and communicates seriousness and stability. This color works well with the white (negative) version of the DHIS2 logo.
HEX: #FF8F02
RGB: 255 / 143 / 2
CMYK: 0 / 53 / 100 / 0
Pantone 144 C
An alternative accent color that should rarely be used. This bright, eye-catching color can be used in designs where an extra color element is needed, however it should be handled with care as it can quickly overwhelm a design. One area it could work, for example, is the color of bullet points on a DHIS2 poster. The orange color should never be used as a background, or placed behind the DHIS2 logo.
HEX: #276696
RGB: 39 / 102 / 150
CMYK: 89 / 59 / 20 / 3
Pantone 7692 C
This blue was often used as part of the previous DHIS2 identity, but it should now be phased out of usage. Instead, the colors outlined above should be used in the style of the examples below. If legacy materials need to be updated, the above Legacy Blue can be used. This color should not be used in completely new applications.
The blue color used in the DHIS2 logo icon is purposefully not included here. This blue color should be used only for the logo icon, never in any other way. It is important for recognizability, consistency and stability that this blue color is only associated with the DHIS2 logo.
In order for DHIS2 to communicate its flexibility, graphic elements are kept ambiguous and avoid associating with any particular industry (for example; healthcare). The following graphic elements are based on the forms and angles that make up the DHIS2 logo.
The oblong shape that makes up the DHIS2 logo can be used to create a graphic pattern that adds interest and personality in an ambiguous way. The soft edges communicate an approachable system. This graphic pattern is available in this repository in several different formats, sizes and types for use in presentations, documents and other materials.
The pattern is best used at the bottom, or sides of a document/signage. The pattern is available in different types: block, which has hard edges, and faded, which fades the pattern gradually to transparent.
See the below Examples in Use for further suggestions for usage. Templates are provided in this repository for common formats.
The DHIS2 icon used in the logo should not be used as a graphical element. It can be used as a logo, but it should not be used large, repeated as a pattern or altered in any way. Remember, the integrity of the DHIS2 is essential to stability of DHIS2's communication.
Follow these guidelines when using the DHIS2 logo to ensure consistency and reliability across all DHIS2 materials. Using consistent branding everywhere makes DHIS2 more trustworthy and accessible for all.
The official DHIS2 logos can be downloaded in various formats from this repo. Use these files in all materials, do not recreate the logo or icon.
Try to always give the logo breathing room when placed next to other elements. As a general rule, provide space of at least the height of the 2 from the logo.
Whenever possible, on all light backgrounds, use the full color logo. Only use the reversed (all-white) version of the logo on dark backgrounds.
Special events/other departments should not add their taglines/names to the DHIS2 logo. Special events can be noted in their own way, eg. with a unique, non-DHIS2 logo.
Drop-shadows, outlines, borders and other effects should not be used. If the logo is not clear, try modifying the background or using another version of the DHIS2 logo.
The logo should always be used in full. Limited space? Try using the icon-only version.
Example of a banner element with a fading graphic element on the right
Examples of different styles of booklet covers. The styles include: with a pattern, with a bold line, with Accent Light and with Accent Dark colors
Example of a poster design that does not use photography, therefore keeping the content very ambiguous. The background uses a large graphical pattern
Examples of simple A4 signage that can be printed from any printer. The example on the left demonstrates how the lighter Accent colors can be used for an approachable look. The sign on the right uses Accent Dark color and presents a more subdued, serious look.
Example of a presentation cover slide. The graphical element is used here in a block, adding visual interest without specifying an industry or context
Example of various different printed items. The examples demonstrate the importance of the usage of white in the DHIS2 identity.
Example of DHIS2 Facebook profile with new logo avatar
Example of DHIS2 Facebook post with new logo avatar
Example of DHIS2 Twitter profile with new logo avatar